/* ==========================================================================
   DESIGN TOKENS — Daya Delícias Artesanais
   Paleta extraída da logo da cliente + tipografia definidas no CLAUDE.md.
   Escala de espaçamento e demais tokens do template base mantidos.
   ========================================================================== */

:root {
  /* Cor — paleta da marca (extraída da logo) */
  --color-primary: #4A2E22;       /* marrom chocolate escuro — títulos, texto de destaque */
  --color-primary-light: #6B4536; /* variação mais clara do marrom, para hover/gradientes */
  --color-accent: #C98F7B;        /* rosé/terracota — rose gold da logo, botões e detalhes */
  --color-accent-light: #E8AFA0;  /* rosa claro — hover, elementos decorativos, coração da logo */

  --color-bg: #FBF1E7;            /* creme claro — fundo principal, igual ao fundo da logo */
  --color-bg-alt: #F5E4D8;        /* creme levemente mais escuro — seções alternadas */
  --color-surface: #FFFFFF;       /* cards, formulários */

  --color-text: #3A2A22;          /* texto principal */
  --color-text-muted: #7A6355;    /* texto secundário */
  --color-border: #E6D4C3;        /* bordas suaves em tom creme/rosé */

  --color-success: #2F7A4D;
  --color-error: #B3452E;

  /* Tipografia */
  --font-display: "Berkshire Swash", "Yeseva One", Georgia, serif; /* títulos, nome da marca — usar com moderação */
  --font-body: "Nunito", -apple-system, sans-serif; /* corpo de texto */

  --fs-h1: clamp(2.25rem, 4vw + 1rem, 3.75rem);
  --fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.75rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.15;
  --lh-normal: 1.55;

  /* Espaçamento (escala 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Layout */
  --container-max: 1160px;
  --radius-sm: 6px;
  --radius-md: 20px;
  --radius-lg: 32px;

  /* Sombra e transição */
  --shadow-card: 0 1px 2px rgba(58, 42, 34, 0.04), 0 8px 24px rgba(58, 42, 34, 0.06);
  --transition-base: 200ms ease;
}