/* ============================================================
   TOKENS — fonte única de verdade para cor, espaço e tipografia.
   As cores foram amostradas pixel a pixel do arquivo Figma
   original (rCviu8ohn1VhrYbaLRjNtb). Não inventar cor nova aqui.
   ============================================================ */
:root {
  /* ---- Marca ---- */
  --c-tijolo:        #941A0B;  /* títulos, header rolado, superfícies escuras */
  --c-tijolo-escuro: #6E1308;  /* hover sobre tijolo */
  --c-vermelho:      #CF3A35;  /* CTA primário, nós da fidelidade */
  --c-vermelho-fundo:#A82420;  /* derivado: texto pequeno sobre vermelho, bordas */
  --c-mostarda:      #FBBC04;  /* destaque do h1, ícones sobre vermelho, foco */
  --c-laranja:       #F49537;  /* ornamentos decorativos apenas */
  --c-estrela:       #B3541E;  /* derivado: estrelas de avaliação (4,14:1 sobre creme) */
  --c-areia:         #F4D6AD;  /* fundo de seção A */
  --c-creme:         #F5E8D8;  /* fundo de seção B, cards */
  --c-texto:         #312B23;  /* corpo */
  --c-texto-suave:   #5C5142;  /* legendas, metadados (7,0:1 sobre creme) */
  --c-verde:         #2F7D32;  /* status "aberto" — sempre acompanhado de texto+ícone */
  --c-cinza:         #6B6257;  /* status "fechado" */

  /* ---- Superfícies ---- */
  --surface-a: var(--c-areia);
  --surface-b: var(--c-creme);
  --surface-dark: var(--c-tijolo);

  /* ---- Tipografia ---- */
  --font-display: 'Adumu', 'Arial Black', 'Impact', sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;

  --fs-display-xl: clamp(2.75rem, 1.55rem + 5.6vw, 6rem);      /*  44 → 96 */
  --fs-display-lg: clamp(2rem,    1.42rem + 2.9vw, 3.5rem);    /*  32 → 56 */
  --fs-display-md: clamp(1.375rem,1.2rem  + 0.9vw, 1.75rem);   /*  22 → 28 */
  --fs-display-sm: clamp(1.125rem,1.05rem + 0.4vw, 1.375rem);  /*  18 → 22 */
  --fs-lead:       clamp(1.0625rem,1rem   + 0.4vw, 1.25rem);   /*  17 → 20 */
  --fs-body:       clamp(1rem,    0.97rem + 0.15vw, 1.0625rem);/*  16 → 17 */
  --fs-sm:  0.9375rem;   /* 15 */
  --fs-xs:  0.875rem;    /* 14 — piso, nunca menor */

  --lh-tight: 1.02;
  --lh-title: 1.12;
  --lh-body:  1.62;
  --tracking-wide: 0.14em;
  --measure: 62ch;

  /* ---- Espaçamento (escala 4pt) ---- */
  --sp-2xs: 4px;  --sp-xs: 8px;   --sp-sm: 12px;  --sp-md: 16px;
  --sp-lg: 24px;  --sp-xl: 32px;  --sp-2xl: 40px; --sp-3xl: 48px;
  --sp-4xl: 64px; --sp-5xl: 80px; --sp-6xl: 96px; --sp-7xl: 128px;

  /* ---- Layout ---- */
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 64px);
  --grid-gap: clamp(16px, 2vw, 24px);
  --section-y: clamp(64px, 8vw, 128px);
  --header-h: 88px;
  --header-h-scrolled: 72px;

  /* ---- Bordas e elevação ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgb(49 43 35 / .08), 0 2px 8px rgb(49 43 35 / .06);
  --shadow-md: 0 4px 12px rgb(49 43 35 / .10), 0 12px 28px rgb(49 43 35 / .10);
  --shadow-lg: 0 8px 20px rgb(49 43 35 / .14), 0 24px 48px rgb(49 43 35 / .16);

  /* ---- Alvos de toque ---- */
  --tap-min: 44px;

  /* ---- Movimento ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.30, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-snap:  cubic-bezier(0.34, 1.28, 0.64, 1);
  --t-micro: 120ms;
  --t-fast:  180ms;
  --t-base:  260ms;
  --t-slow:  420ms;

  /* ---- Formas da marca (traçadas 1:1 do Figma) ----
     Preenchidas por brand-shapes.css — não editar à mão. */
}

@media (min-width: 768px) { :root { --header-h: 88px; } }
@media (max-width: 767px) { :root { --header-h: 64px; --header-h-scrolled: 64px; } }