/* ============================================================
   Loventy — Design Tokens v3.2  (híbrido crema + morado profundo)
   ============================================================ */

:root {

  /* --- Fondos principales (crema cálida) --- */
  --color-bg:            #f0e8d8;
  --color-bg-secondary:  #e8dcc8;

  /* --- Fondos oscuros (cards, hero, CTA) --- */
  --color-bg-dark:       #13091e;
  --color-bg-dark-2:     #1a0f2e;
  --color-bg-card:       #1e1035;
  --color-bg-card-hover: #261445;

  /* --- Azul UE (conservado) --- */
  --color-eu-blue:       #003399;
  --color-eu-blue-light: #1a4db5;
  --color-eu-gold:       #FFCC00;

  /* --- Acento principal — naranja vibrante --- */
  --color-accent:        #e8701a;
  --color-accent-light:  #f08830;
  --color-accent-dark:   #c05a10;

  /* --- Acento secundario — terracota --- */
  --color-secondary:       #c45c2a;
  --color-secondary-light: #d97a4a;
  --color-terracotta:      #c45c2a;
  --color-terracotta-dark: #a64820;

  /* --- Acento púrpura (glow, bordes destacados) --- */
  --color-purple:       #7c3aed;
  --color-purple-light: #a855f7;
  --color-purple-glow:  rgba(124,58,237,0.20);

  /* --- Textos sobre fondo claro --- */
  --color-text:       #1a0f08;
  --color-text-muted: #6b4c2a;

  /* --- Textos sobre fondo oscuro --- */
  --color-text-light:       #f0e8d8;
  --color-text-light-muted: #a890c0;

  /* --- Bordes --- */
  --color-border:      rgba(232,112,26,0.20);
  --color-border-dark: rgba(168,85,247,0.25);

  /* --- Blanco perla y utilidades --- */
  --color-pearl:   #fdf8f0;
  --color-white:   #ffffff;
  --color-error:   #c0392b;
  --color-success: #2e7d32;

  /* --- Reflejos y glows --- */
  --color-glow-orange: rgba(232,112,26,0.15);
  --color-glow-purple: rgba(124,58,237,0.15);
  --color-glow-pearl:  rgba(253,248,240,0.08);

  /* --- Glow / gradiente decorativo --- */
  --glow-border: linear-gradient(135deg, #e8701a, #7c3aed, #a855f7, #e8701a);
  --glow-shadow: 0 0 12px rgba(124,58,237,0.20), 0 0 24px rgba(232,112,26,0.10);

  /* --- Tipografía --- */
  --font-heading:   Georgia, 'Times New Roman', serif;
  --font-body:      Arial, Helvetica, sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  2rem;
  --font-size-4xl:  2.75rem;

  /* --- Espaciado --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* --- Bordes / radius --- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-full: 9999px;
  --border:      1px solid var(--color-border);

  /* --- Sombras --- */
  --shadow-sm: 0 1px 3px rgba(26,15,8,0.10);
  --shadow-md: var(--glow-shadow);
  --shadow-lg: 0 8px 32px rgba(26,15,8,0.15), var(--glow-shadow);

  /* --- Transiciones / layout --- */
  --transition:      0.2s ease;
  --transition-slow: 0.4s ease;
  --max-width:       1200px;
  --header-height:   64px;

}