/**
 * ROYALE LOUNGE CLUB - Tokens de Diseño de Alta Gama (Luxury Nightlife)
 * Paleta: Noir Obsidiana, Carmesí Royale, Oro Champán Cepillado y Cristal Translúcido
 * Optimizado para Cero Desbordamiento (Zero Overflow) y Rendimiento 100/100
 */

:root {
  /* --- Fondos y Superficies de Lujo --- */
  --color-bg-base: #050507;           /* Obsidiana ultra profunda */
  --color-bg-surface: #0c0c10;        /* Superficie de tarjetas y módulos */
  --color-bg-surface-hover: #13131a;  /* Hover refinado */
  --color-bg-elevated: #181822;       /* Modales y dropdowns */
  --color-bg-glass: rgba(12, 12, 16, 0.82);
  --color-bg-glass-strong: rgba(6, 6, 8, 0.95);

  /* --- Acento Primario: Carmesí Royale & Brasa Viva --- */
  --color-primary: #d32d0b;
  --color-primary-hover: #e63910;
  --color-primary-light: #ff5426;
  --color-primary-subtle: rgba(211, 45, 11, 0.12);
  --color-primary-gradient: linear-gradient(135deg, #d32d0b 0%, #b82200 100%);
  --color-primary-glow: rgba(211, 45, 11, 0.28);

  /* --- Acento VIP: Oro Champán Cepillado (Bespoke Luxury) --- */
  --color-gold: #dfba73;
  --color-gold-hover: #edd195;
  --color-gold-light: #f5e4bd;
  --color-gold-dark: #a88339;
  --color-gold-subtle: rgba(223, 186, 115, 0.1);
  --color-gold-gradient: linear-gradient(135deg, #f5e4bd 0%, #dfba73 50%, #b89146 100%);
  --color-gold-glow: rgba(223, 186, 115, 0.22);

  /* --- Tonos de Texto Editorial --- */
  --color-text-main: #f4f4f6;
  --color-text-muted: #9494a0;
  --color-text-dim: #5e5e6c;
  --color-text-gold: #dfba73;
  --color-text-primary: #ff5426;

  /* --- Bordes de Precisión (Hairline) --- */
  --color-border: rgba(255, 255, 255, 0.07);
  --color-border-subtle: rgba(255, 255, 255, 0.035);
  --color-border-hover: rgba(211, 45, 11, 0.45);
  --color-border-gold: rgba(223, 186, 115, 0.35);

  /* --- Estados Funcionales --- */
  --color-success: #10b981;
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #20ba5a;

  /* --- Tipografías --- */
  --font-family-display: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-body: 'Outfit', system-ui, -apple-system, sans-serif;

  --font-size-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem);
  --font-size-sm: clamp(0.8rem, 0.75rem + 0.3vw, 0.875rem);
  --font-size-base: clamp(0.925rem, 0.88rem + 0.35vw, 1rem);
  --font-size-md: clamp(1.05rem, 0.98rem + 0.4vw, 1.15rem);
  --font-size-lg: clamp(1.15rem, 1.05rem + 0.6vw, 1.35rem);
  --font-size-xl: clamp(1.35rem, 1.2rem + 0.9vw, 1.65rem);
  --font-size-2xl: clamp(1.65rem, 1.45rem + 1.2vw, 2.15rem);
  --font-size-3xl: clamp(2.1rem, 1.8rem + 1.8vw, 2.85rem);
  --font-size-4xl: clamp(2.6rem, 2.2rem + 2.5vw, 3.8rem);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

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

  --container-max-width: 1200px;
  --header-height: 78px;

  /* --- Radios de Borde Refinados --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* --- Sombras de Alto Contraste --- */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.6);
  --shadow-card: 0 10px 28px -6px rgba(0, 0, 0, 0.85), 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-elevated: 0 24px 50px -10px rgba(0, 0, 0, 0.95);
  --shadow-primary-glow: 0 0 24px rgba(211, 45, 11, 0.25);
  --shadow-gold-glow: 0 0 24px rgba(223, 186, 115, 0.2);

  /* --- Transiciones --- */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}