/* ===================================================================
   AMANTE GOURMET PIZZA - DESIGN TOKENS & SYSTEM VARIABLES
   Revised: Playfair Display + Plus Jakarta Sans & Real Branding
   =================================================================== */

:root {
  /* --- PALETTE DE MARCA (Amante Red & Warm Flour) --- */
  --color-bg-deep: #0D0E11;
  --color-bg-surface: #14161B;
  --color-bg-card: #1A1D23;
  --color-bg-card-hover: #22262E;
  --color-bg-overlay: rgba(13, 14, 17, 0.88);
  
  /* Amante Star Red from real logo */
  --color-pomodoro: #E32636;
  --color-pomodoro-hover: #C51D2C;
  --color-pomodoro-glow: rgba(227, 38, 54, 0.35);
  
  --color-golden-crust: #E5A93C;
  --color-golden-light: #F4C670;
  --color-golden-dim: rgba(229, 169, 60, 0.15);
  
  --color-basil: #2E6B39;
  --color-basil-light: #449652;
  
  --color-text-primary: #FBF8F3;
  --color-text-secondary: #C8CCD2;
  --color-text-muted: #868B94;
  --color-text-inverse: #0D0E11;
  
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-light: rgba(255, 255, 255, 0.16);
  --color-border-accent: rgba(227, 38, 54, 0.45);

  /* --- SISTEMA MODULAR DE ESPACIADO 8PX --- */
  --space-0-5: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;

  /* --- TIPOGRAFÍA EDITORIAL (Elegante y legible) --- */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Escala tipográfica con interlineados calibrados */
  --text-hero: clamp(2.35rem, 3.6vw + 0.5rem, 3.85rem);
  --text-ticker: clamp(1.8rem, 3.8vw, 3.6rem);
  --text-display-lg: clamp(2.2rem, 3.8vw + 0.5rem, 4rem);
  --text-display-md: clamp(1.8rem, 2.8vw + 0.5rem, 2.8rem);
  --text-title: clamp(1.25rem, 1.6vw + 0.2rem, 1.75rem);
  --text-subtitle: clamp(1rem, 1.1vw + 0.1rem, 1.25rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-micro: 0.75rem;

  /* --- CONTENEDORES Y GRID --- */
  --container-max: 1320px;
  --container-wide: 1520px;
  --container-padding: clamp(16px, 3.5vw, 40px);

  /* --- RADIOS DE BORDES --- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* --- SOMBRAS --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 40px var(--color-pomodoro-glow);

  /* --- TRANSICIONES --- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-out-expo);
  --transition-normal: 0.35s var(--ease-out-expo);
}