/* ==========================================================================
   Don Chambas — Design tokens (GENERADO — no editar a mano)
   Fuente: don-chambas-brand/tokens/tokens.json — regenerar: uv run builder/build.py
   Regla C3: componentes/pantallas SOLO usan --font-display/--font-body.
   ========================================================================== */


:root {
  /* Paleta (manual §2.2, C1/C2) */
  --dc-primary: #06275C;
  --dc-primary-hover: #0A3578;
  --dc-primary-deep: #04193D;
  --dc-accent: #F49F08;
  --dc-accent-hover: #C87F06;
  --dc-brand-red: #D31E1D;
  --dc-error: #B23636;
  --dc-neutral-0: #FFFFFF;
  --dc-neutral-100: #F5F5F5;
  --dc-neutral-200: #DDDDDD;
  --dc-neutral-300: #C4C4C4;
  --dc-neutral-600: #6B7280;
  --dc-neutral-800: #2A2F3D;
  --dc-black: #000000;
  --dc-success: #1E6B34;
  --dc-success-bg: #EAF5EC;
  --dc-warning-bg: #FBF3E2;
  --dc-error-bg: #F9ECEC;

  /* Semánticos */
  --bg: var(--dc-neutral-100);
  --surface: var(--dc-neutral-0);
  --surface-dark: var(--dc-primary);
  --ink: var(--dc-primary-deep);
  --ink-on-dark: var(--dc-neutral-0);
  --ink-dim: var(--dc-neutral-600);
  --ink-muted: var(--dc-neutral-300);
  --line: rgba(6, 39, 92, 0.12);
  --line-on-dark: rgba(255, 255, 255, 0.18);

  /* Tipografía (C3: intercambiable SOLO aquí) */
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-script: Caveat, cursive;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 17px;
  --fs-lg: 19px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 48px;
  --fs-5xl: 60px;
  --lh-tight: 1.1; --lh-snug: 1.25; --lh-base: 1.55; --lh-loose: 1.7;

  /* Espaciado / radios / sombras */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(6, 39, 92, 0.06);
  --shadow-md: 0 4px 14px rgba(6, 39, 92, 0.10);
  --shadow-lg: 0 12px 36px rgba(6, 39, 92, 0.16);

  /* Motion */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* Z / layout */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 50;
  --z-dropdown: 100;
  --z-modal: 1000;
  --z-toast: 10000;
  --max-w-tight: 880px;
  --max-w: 1100px;
  --max-w-wide: 1280px;

  /* Canal WhatsApp (constantes del cliente, no marca) */
  --wa-bg: #ECE5DD;
  --wa-header: #075E54;
  --wa-out: #DCF8C6;
  --wa-in: #FFFFFF;
  --wa-link: #027EB5;
  --wa-meta: #667781;

  /* Presentación (C7 — decks, NO producto) */
  --deck-cream: #EFEDE6;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}