/* ═══════════════════════════════════════════════════════
   ALICEBET FRANCO · TEMA CENTRAL
   ───────────────────────────────────────────────────────
   ✏️  Para cambiar la paleta completa del sitio,
       edita ÚNICAMENTE este archivo.

   COLORES
   ──────────────────────────────────────────────────────
   --bg-deep      Azul petróleo muy oscuro  → fondo principal
   --bg-mid       Azul petróleo medio       → secciones alternadas
   --bg-light     Azul petróleo suave       → cards, hover
   --gold         Oro cálido                → CTAs, íconos, estrellas
   --gold-light   Oro claro                 → gradiente botón, hover
   --text         Blanco puro               → títulos, texto principal
   --text-sec     Blanco suave (.75)        → subtítulos, body
   --border       Borde dorado sutil        → separadores, cards

   TIPOGRAFÍAS
   ──────────────────────────────────────────────────────
   --font-display   Playfair Display  → títulos de sección
   --font-brand     Cormorant Garamond → nombre marca en nav/hero
   --font-body      Montserrat         → body, botones, labels

   EJEMPLO CAMBIO DE PALETA (tema burdeos):
   --bg-deep:  #1A0A12;
   --bg-mid:   #2A1020;
   --bg-light: #3A1830;
   --gold:     #D4A96A;
═══════════════════════════════════════════════════════ */

:root {
  /* Fondos */
  --bg-deep:   #041C24;
  --bg-mid:    #062B36;
  --bg-light:  #0A3B4A;

  /* Dorados */
  --gold:      #D8B08C;
  --gold-light:#E4C7A6;

  /* Texto */
  --text:      #FFFFFF;
  --text-sec:  rgba(245,245,245,.75);
  --text-dim:  rgba(245,245,245,.5);

  /* Bordes y glass */
  --border:    rgba(216,176,140,.15);
  --glass-bg:  rgba(10,59,74,.5);
  --glass-blur:blur(10px);

  /* Gradientes */
  --grad-hero: linear-gradient(135deg,#041C24,#062B36 55%,#0A3B4A);
  --grad-gold: linear-gradient(135deg,#D8B08C,#E4C7A6);
  --grad-orb:  radial-gradient(circle,rgba(216,176,140,.1),transparent 65%);

  /* Tipografías */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-brand:   'Cormorant Garamond', Georgia, serif;
  --font-body:    'Montserrat', system-ui, sans-serif;

  /* Espaciado y radio */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow:    0 32px 80px -20px rgba(0,0,0,.6);
}