/* ============================================================
   TOKENS — Yuri Rosa, Advocacia da Saúde
   Fonte: seção 12 da especificação. Valores extraídos do logotipo
   oficial e validados quanto a contraste WCAG AA.
   NÃO SUBSTITUIR NENHUM VALOR sem revisar a seção 12 e a 13.
   ============================================================ */

:root {

  /* --- 12.1 Cores da marca (amostradas do logo) --------------- */
  --yr-ardosia:            #353F40; /* fundo do logo. Header sticky, footer, bloco de segurança */
  --yr-ardosia-profunda:   #232B2C; /* hover sobre ardósia, sobreposições */
  --yr-bronze:             #A6835B; /* monograma YR. SOMENTE filete, divisor, borda, ícone de marca */
  --yr-bronze-claro:       #B18352; /* realce do monograma sobre ardósia */
  --yr-offwhite:           #E8ECEE; /* texto do logo. Texto sobre ardósia — 9,49:1, aprovado */

  /* --- 12.2 Cores funcionais ---------------------------------- */
  --yr-texto:              #1F2626; /* 14,1:1 no branco. Corpo e headings */
  --yr-texto-secundario:   #475569; /* 7,58:1. Descrições, microcopy, links de navegação */
  --yr-bronze-tipografico: #7A5C36; /* 6,16:1. ÚNICA variação de bronze permitida em texto */
  --yr-verde-saude:        #0F766E; /* 5,47:1. Borda do card de nicho, ícones de destaque, números dos passos */
  --yr-verde-saude-claro:  #F0FDFA; /* fundo do card 1 e do bloco de nicho */
  --yr-whatsapp:           #25D366; /* EXCLUSIVO de CTA de WhatsApp */
  --yr-whatsapp-texto:     #0F172A; /* 9,0:1 sobre o verde. Branco reprova com 1,98:1 */
  --yr-fundo:              #FFFFFF;
  --yr-fundo-alt:          #F7F8F8; /* seções pares, ritmo de rolagem */
  --yr-alerta:             #B45309; /* 4,73:1. APENAS no aviso de fraude */

  /* Bronze clareado para TEXTO sobre a ardósia. Token novo, acrescentado em
     21/09 e ausente da seção 12 original.
     Motivo: a 12.3 proíbe texto pequeno em #A6835B porque ele dá 3,11:1 sobre
     a ardósia e reprova AA — e a proibição existe por contraste, não por matiz.
     Este tom mantém o matiz da marca e dá 4,95:1 sobre #353F40, aprovado.
     Uso restrito: texto pequeno sobre fundo ardósia. Sobre branco continua
     valendo o --yr-bronze-tipografico. */
  --yr-bronze-sobre-escuro: #D4A774; /* 4,95:1 sobre a ardósia */

  /* --- 12.5 Tipografia ---------------------------------------- */
  /* Títulos: sans geométrica que conversa com o logo sem imitá-lo.
     Corpo: sans humanista de leitura longa.
     Ambas auto-hospedadas — sem CDN do Google. */
  --yr-fonte-titulo: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yr-fonte-corpo:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --yr-h1:      clamp(1.875rem, 1.35rem + 2.3vw, 3rem);    /* 30 → 48px */
  --yr-h2:      clamp(1.625rem, 1.35rem + 1.2vw, 2.125rem); /* 26 → 34px */
  --yr-h3:      clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);/* 19 → 22px */
  --yr-corpo:   clamp(1rem, 0.96rem + 0.18vw, 1.125rem);    /* 16 → 18px */
  --yr-micro:   0.75rem;   /* 12px — microcopy sob o botão */
  --yr-nav:     0.9375rem; /* 15px — link de texto de navegação */
  --yr-eyebrow: 0.8125rem; /* 13px */

  --yr-lh-titulo: 1.15;
  --yr-lh-corpo:  1.65;  /* acima do padrão: o público lê sob estresse */
  --yr-tracking-eyebrow: 0.12em;
  --yr-medida: 68ch;     /* largura máxima de linha */

  --yr-peso-titulo: 700;
  --yr-peso-h3:     600;
  --yr-peso-corpo:  400;

  /* --- Espaçamento e forma ------------------------------------ */
  --yr-toque-min: 44px;  /* área mínima de toque, seção 13 */
  --yr-raio:      8px;
  --yr-raio-card: 12px;
  --yr-filete:    2px;   /* filete bronze do hero e dos divisores */
  --yr-filete-card: 3px; /* filete bronze no topo do card 1 */
  --yr-respiro-cta: 24px;/* mínimo entre botão do hero e link de texto */
  --yr-sticky-altura: 56px;
}