/* ==========================================================================
   KILUCHIS HAUTE CUISINE · DESIGN TOKENS (IMPECCABLE & ANTI-SLOP VERIFIED)
   Paleta: Earth & Terracotta, Clean Stone Canvas & Forest Sage
   ========================================================================== */

:root {
  /* --- Superficies & Fondos (Deliberate Warm Stone Canvas) --- */
  --color-bg: #F5F4F0;
  --color-bg-subtle: #ECEAE4;
  --color-card: #FFFFFF;
  --color-card-hover: #FDFDFD;
  --color-overlay: rgba(20, 18, 16, 0.7);

  /* --- Textos & Contrastes (WCAG AAA >= 7:1) --- */
  --color-text-primary: #1C1917;
  --color-text-secondary: #44403C;
  --color-text-muted: #57534E;
  --color-text-inverse: #FFFFFF;

  /* --- Acentos Culinarios de Alto Contraste (>= 4.5:1) --- */
  --color-primary: #852C0E;        /* Terracotta Profundo WCAG 5.5:1 */
  --color-primary-hover: #6C2208;
  --color-primary-light: #FCECE6;
  --color-secondary: #9C350B;
  
  /* Verde Hierba / Sage de Alto Contraste */
  --color-accent: #065F46;         /* Contraste 6.8:1 */
  --color-accent-hover: #044E39;
  --color-accent-light: #DEF7EC;
  --color-accent-text: #044E39;
  --color-gold: #92400E;           /* Ámbar Oscuro WCAG 6.2:1 */

  /* --- Bordes & Divisiones Neutras --- */
  --color-border: #E2DFD7;
  --color-border-hover: #B8B3A7;
  --color-ring: rgba(133, 44, 14, 0.25);

  /* --- Elevaciones Neutras (Sin Colored Glows de IA) --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-focus: 0 0 0 3px var(--color-ring);

  /* --- Tipografía Editorial Roman & Distinctive Grotesque --- */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Karla', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* --- Radios de Borde --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* --- Transiciones --- */
  --ease-snappy: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 150ms var(--ease-snappy);
  --transition-normal: 250ms var(--ease-snappy);

  --header-height: 72px;
  --max-width: 1360px;
}

/* --- Dark Mode (Roasted Walnut) --- */
[data-theme="dark"] {
  --color-bg: #141210;
  --color-bg-subtle: #1D1A17;
  --color-card: #231F1C;
  --color-card-hover: #2B2622;
  --color-overlay: rgba(10, 9, 8, 0.85);

  --color-text-primary: #FAF9F6;
  --color-text-secondary: #D6D3D1;
  --color-text-muted: #A8A29E;
  --color-text-inverse: #141210;

  --color-primary: #EA580C;
  --color-primary-hover: #F97316;
  --color-primary-light: #3D1707;
  --color-secondary: #FB923C;

  --color-accent: #10B981;
  --color-accent-hover: #34D399;
  --color-accent-light: #063928;
  --color-accent-text: #D1FAE5;
  --color-gold: #FBBF24;

  --color-border: #38312C;
  --color-border-hover: #4D443D;
  --color-ring: rgba(234, 88, 12, 0.35);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.7);
}