/* =========================================================================
   TOKENS — Biscoitos da Madrinha
   Loom spec §6: marca trocável em um lugar. O tenant troca 6–8 variáveis
   e o site inteiro se adapta. Template default: "produto-industria / comida
   artesanal" — quente, âmbar, creme.
   ========================================================================= */
:root{
  /* --- marca (único lugar a trocar por cliente) --- */
  --brand:        #BE2B23;   /* vermelho da madrinha */
  --brand-dark:   #8E1D18;
  --brand-ink:    #4A120F;
  --accent:       #E0A020;   /* dourado/âmbar da logo */
  --accent-warm:  #E07B2E;   /* caramelo (fundos/ícones; NÃO texto pequeno sobre branco) */
  --accent-warm-ink: #B85A12; /* caramelo escuro p/ TEXTO — passa WCAG AA sobre branco */

  /* --- superfícies --- */
  --ink:     #241812;        /* marrom cacau escuro */
  --paper:   #FBF4E8;        /* creme (fundo principal) */
  --paper-2: #F4E7D3;        /* creme mais fundo */
  --surface: #FFFFFF;

  /* --- texto --- */
  --text:  #2A1D15;
  --muted: #6E5E50;          /* escurecido p/ AA também sobre --paper-2 */
  --line:  #EADFCB;
  --on-brand: #FFF7EC;       /* texto sobre vermelho */

  /* --- tipografia --- */
  --display: "Fraunces", Georgia, serif;
  --body:    "Inter", system-ui, -apple-system, sans-serif;

  /* --- escala / ritmo --- */
  --step--1: clamp(0.83rem, 0.8rem + 0.2vw, 0.95rem);
  --step-0:  clamp(1rem, 0.95rem + 0.3vw, 1.13rem);
  --step-1:  clamp(1.3rem, 1.2rem + 0.6vw, 1.6rem);
  --step-2:  clamp(1.7rem, 1.5rem + 1.1vw, 2.3rem);
  --step-3:  clamp(2.2rem, 1.8rem + 2.2vw, 3.4rem);
  --step-4:  clamp(2.8rem, 2rem + 4.2vw, 5.2rem);

  --container: 1180px;
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --sess-pad: clamp(3.5rem, 8vw, 7rem);

  --radius: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(74,18,15,.06);
  --shadow:    0 14px 40px -18px rgba(74,18,15,.28);
  --shadow-lg: 0 40px 80px -30px rgba(74,18,15,.40);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .5s;
}

/* respeitando quem pediu menos movimento */
@media (prefers-reduced-motion: reduce){
  :root{ --dur: .001s; }
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}