:root {
  /* Paleta cálida: cera, fuego, notas olfativas */
  --c-bg: #fbf7f1;
  --c-bg-alt: #f4ece1;
  --c-surface: #ffffff;
  --c-primary: #c97b3c;
  --c-primary-soft: #f2e0cf;
  --c-accent: #8b4a2b;
  --c-ink: #2e241d;
  --c-muted: #8a7a6d;
  --c-line: #e7dccd;
  --c-danger: #b3421f;
  --c-success: #4a7c59;

  /* Tipografía */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.5rem, 4vw, 2.25rem);

  /* Espaciado (escala 4px) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;

  /* Radios y sombras */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(46, 36, 29, 0.06), 0 4px 16px rgba(46, 36, 29, 0.06);
  --shadow-2: 0 8px 32px rgba(46, 36, 29, 0.18);

  /* Layout */
  --header-h: 64px;
  --sheet-w: min(480px, 100vw);
  --z-overlay: 40;
  --z-sheet: 50;
  --z-toast: 60;

  --ease: cubic-bezier(0.32, 0.72, 0, 1);
}

@media (min-width: 1025px) {
  :root {
    --header-h: 76px;
  }
}