/**
 * TEMA: Vegas Gold Gala (100% Brandeable y Desacoplado)
 * Modificando únicamente este archivo CSS y las imágenes en esta carpeta
 * se personaliza toda la interfaz y los colores del motor gráfico PixiJS.
 */
:root {
  --brand-name: "Vegas Gold Gala";
  --brand-logo-url: url('/public/themes/vegas-gold/logo.svg');
  --brand-bg-image: url('/public/themes/vegas-gold/bg-pattern.svg');

  /* Paleta Principal */
  --brand-bg-deep: #08060c;
  --brand-bg-secondary: #151021;
  --brand-surface: rgba(26, 20, 38, 0.78);
  --brand-surface-elevated: rgba(42, 32, 60, 0.88);
  --brand-border: rgba(245, 197, 66, 0.35);
  --brand-border-glow: rgba(255, 215, 0, 0.65);

  /* Acentos (Leídos también por PixiJS para luces, rodillos y partículas) */
  --brand-primary: #ffd700;
  --brand-primary-light: #fff3b0;
  --brand-primary-dark: #b8860b;
  --brand-secondary: #ff2a6d;
  --brand-accent: #00f5d4;

  /* Texto */
  --brand-text: #ffffff;
  --brand-text-muted: #c2b6d9;
  --brand-text-on-primary: #120d02;

  /* Tipografías */
  --brand-font-display: 'Cinzel', 'Montserrat', system-ui, sans-serif;
  --brand-font-sans: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --brand-font-mono: 'JetBrains Mono', monospace;

  /* Geometría y Efectos */
  --brand-radius-lg: 22px;
  --brand-radius-md: 14px;
  --brand-shadow-glow: 0 0 35px rgba(255, 215, 0, 0.28), 0 12px 40px rgba(0, 0, 0, 0.65);
}