/* ============================================================
   Nico's — Design tokens v4.0 "Vizinhança Profissional"
   FONTE DE VERDADE: design/paleta.md e design/marca.md.
   Este arquivo é transcrição literal. Em caso de divergência,
   o design vence. Não renomear variáveis.
   ============================================================ */

:root {
  /* --- Marca: azul (paleta.md §Primárias) --- */
  --azul-900: #0A3357;  /* rodapé, títulos sobre claro, fundos de destaque */
  --azul-700: #0F4C81;  /* COR-MÃE: header, logotipo, botão secundário, preços */
  --azul-500: #1D6FBF;  /* links, ícones, hover */
  --azul-100: #E8F1FA;  /* fundo de bloco, "Dica do Nico", cards de serviço */

  /* --- Acento e apoio --- */
  --coral-600: #C9431C; /* CTA principal com texto branco */
  --coral-500: #E4572E; /* língua do Nico, selos, eyebrow — nunca texto pequeno em branco */
  --coral-100: #FDEDE6;
  --verde-600: #2E7D5B;
  --verde-100: #E4F2EB;
  --wa: #128C4A;        /* EXCLUSIVO de botão de WhatsApp */
  --wa-dark: #0E7038;

  /* --- Neutros --- */
  --areia: #F7F4EF;     /* fundo padrão do site */
  --branco: #FFFFFF;
  --grafite: #1B2A38;   /* texto — nunca preto puro */
  --cinza: #5B6672;     /* apoio; nunca abaixo de 14px */
  --linha: #E3DED6;

  /* --- Exclusivas do desenho do mascote. NÃO usar na UI. --- */
  --nico-mancha: #C7D2DA;
  --nico-orelha: #BCC8D2;
  --nico-fivela: #A9713C;
  --nico-coleira: #161616;

  /* --- Forma (marca.md §6) --- */
  --r-sm: 8px;    /* inputs, tags pequenas */
  --r-md: 14px;   /* elementos internos */
  --r-lg: 22px;   /* cards e recortes de foto */
  --r-xl: 32px;   /* blocos e seções */
  --r-pill: 999px;/* TODOS os botões e tags */
  --shadow-card: 0 1px 2px rgba(27, 42, 56, .06), 0 10px 30px -12px rgba(27, 42, 56, .18);

  /* --- Tipografia --- */
  --font-titulo: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-texto: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: clamp(2.25rem, 1.4rem + 3.2vw, 4rem);   /* 36–64px */
  --fs-h1: clamp(1.75rem, 1.35rem + 1.6vw, 2.25rem);    /* 28–36px */
  --fs-h2: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --fs-h3: 1.3125rem;
  --fs-corpo: 1.0625rem;
  --fs-rotulo: .8125rem;

  /* --- Espaço --- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  --largura: 1160px;
  --header-h: 72px;

  /* --- Camadas --- */
  --z-header: 100;
  --z-drawer: 200;
  --z-toast: 300;
}