/**
 * ==============================================================================
 * ☕ DESIGN SYSTEM TOKENS - AURA CAFÉ (SPECIALITY ROASTERS & CLEAN LUXURY)
 * ==============================================================================
 * Estándar visual de excelencia: Sombras multicapa difusas, curvas Bézier aceleradas,
 * tipografía editorial combinada y paleta tostaduría de lujo (Crema lino, Espresso, Ámbar y Oliva).
 */

:root {
  /* --- PALETA CROMÁTICA PRINCIPAL (TOSTADURÍA ARTESANAL DE LUJO) --- */
  --brand-primary: hsl(24, 82%, 47%);           /* Ámbar Miel Tostado / Caramelo */
  --brand-primary-dark: hsl(20, 85%, 36%);      /* Caramelo Oscuro Intenso */
  --brand-primary-light: hsl(28, 90%, 60%);     /* Miel Dorada Cálida */
  --brand-primary-rgb: 220, 104, 20;

  --brand-espresso: hsl(24, 25%, 12%);          /* Espresso Tostado Profundo */
  --brand-espresso-rgb: 35, 24, 18;

  --brand-secondary: hsl(42, 85%, 48%);         /* Latón Artesanal / Crema Dorada */
  --brand-secondary-rgb: 234, 179, 8;

  --brand-olive: hsl(95, 25%, 32%);             /* Verde Oliva de Origen / Finca */
  --brand-olive-light: hsl(95, 20%, 48%);
  --brand-olive-rgb: 77, 94, 56;

  --brand-accent-emerald: hsl(158, 75%, 38%);   /* Despacho & Tueste Fresco */
  --brand-accent-emerald-rgb: 16, 185, 129;

  /* --- SUPERFICIES & FONDOS (CREMA LINO & PERGAMINO) --- */
  --bg-canvas: #fbf8f3;                         /* Crema Lino Natural */
  --bg-surface: #ffffff;                        /* Blanco Puro */
  --bg-surface-elevated: #ffffff;
  --bg-surface-warm: #f4ede3;                   /* Pergamino Suave Tostado */
  --bg-surface-glass: rgba(251, 248, 243, 0.88);/* Glassmorphism Lino */
  --bg-dark-roast: #1a120d;                     /* Pizarra Tostada Especial */

  /* --- TEXTO & CONTRASTE --- */
  --text-primary: #231812;                      /* Espresso Oscuro de Máxima Legibilidad */
  --text-secondary: #57453b;                    /* Marrón Pizarra Medio Cálido */
  --text-muted: #847266;                        /* Marrón Ceniza Atenuado */
  --text-inverse: #ffffff;

  /* --- BORDES & DELIMITADORES --- */
  --border-subtle: rgba(87, 69, 59, 0.12);
  --border-glass: rgba(87, 69, 59, 0.15);
  --border-accent: rgba(220, 104, 20, 0.35);
  --border-active: #4d5e38;

  /* --- TIPOGRAFÍA DE EXCELENCIA EDITORIAL --- */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Titulares con letter-spacing negativo obligatorio */
  --letter-spacing-h1: -0.035em;
  --letter-spacing-h2: -0.03em;
  --letter-spacing-h3: -0.025em;
  --letter-spacing-badge: 1.5px;

  /* --- SOMBRAS MULTICAPA OBLIGATORIAS (LUZ AMBIENTAL DIFUSA + CAÍDA) --- */
  --shadow-subtle: 
    0 1px 3px rgba(35, 24, 18, 0.04),
    0 4px 6px -2px rgba(35, 24, 18, 0.05);

  --shadow-card: 
    0 2px 4px rgba(35, 24, 18, 0.04),
    0 12px 24px -4px rgba(35, 24, 18, 0.07),
    0 20px 40px -8px rgba(35, 24, 18, 0.05);

  --shadow-card-hover: 
    0 8px 16px -2px rgba(35, 24, 18, 0.06),
    0 20px 32px -4px rgba(35, 24, 18, 0.1),
    0 32px 56px -12px rgba(220, 104, 20, 0.14);

  --shadow-cta: 
    0 10px 25px -4px rgba(var(--brand-primary-rgb), 0.38),
    0 4px 10px -2px rgba(var(--brand-primary-rgb), 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);

  --shadow-cta-hover: 
    0 14px 30px -4px rgba(var(--brand-primary-rgb), 0.52),
    0 6px 14px -2px rgba(var(--brand-primary-rgb), 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);

  --shadow-glass:
    0 8px 32px 0 rgba(35, 24, 18, 0.08);

  /* --- RADIOS DE BORDE MODERNOS --- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* --- TRANSICIONES Y CURVAS BÉZIER PROFESIONALES --- */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-spring);
  --transition-base: 0.3s var(--ease-spring);
  --transition-slow: 0.6s var(--ease-spring);
}