/* ============================================
   COLORS.CSS - Paleta de colores global
   ÚNICO archivo donde se definen los colores del sitio
   ============================================ */

:root {
    /* ========================================
       COLORES PRINCIPALES
       ======================================== */
    --primary: #990D74;           /* Magenta/fucsia - fondo principal */
    --secondary: #490036;         /* Borgoña oscuro - divs/cards */

    /* Variaciones derivadas */
    --primary-dark: #7A0A5D;      /* Magenta más oscuro - hover */
    --primary-light: #B81090;     /* Magenta más claro - acentos */
    --secondary-dark: #350028;    /* Borgoña muy oscuro - fondo profundo */
    --secondary-light: #5C0045;   /* Borgoña claro - bordes */

    /* Acentos (botones) */
    --accent: #490036;            /* Naranja coral - botones principales */
    --accent-hover: #ef16ac;      /* Naranja hover */

    /* ========================================
       FONDOS
       ======================================== */
    --bg-primary: #990D74;        /* Fondo principal */
    --bg-secondary: #490036;      /* Fondo cards/divs */
    --bg-dark: #2D0020;           /* Fondo muy oscuro */
    --bg-overlay: rgba(73, 0, 54, 0.85);

    /* ========================================
       TEXTOS
       ======================================== */
    --text-primary: #FFFFFF;
    --text-secondary: #FFB8E0;    /* Rosado claro */
    --text-muted: #CC8FB0;
    --texto-precio: #fdfdfd;

    /* ========================================
       BORDES
       ======================================== */
    --border-color: #6B0050;
    --border-light: #800060;

    /* ========================================
       ALIASES CASINO (compatibilidad con casino-style.css)
       Para inline styles en PHP views y JS
       ======================================== */
    --casino-primary: #990D74;
    --casino-secondary: #B81090;
    --casino-accent: #800060;
    --casino-orange: #490036;
    --casino-orange-hover: #ef16ac;

    --casino-bg-primary: #990D74;
    --casino-bg-secondary: #490036;
    --casino-bg-card: rgba(63, 0, 47, 0.589);
    --casino-bg-sidebar: #2D0020;

    --casino-text-primary: #FFFFFF;
    --casino-text-secondary: #FFB8E0;
    --casino-text-muted: #CC8FB0;

    --casino-border: rgb(237 207 224 / 52%);
    --casino-border-active: rgba(255, 107, 53, 0.5);

    --casino-shadow: 0 4px 20px rgba(73, 0, 54, 0.3);
    --casino-shadow-hover: 0 8px 30px rgba(73, 0, 54, 0.5);

    --casino-radius: 12px;
    --casino-radius-small: 8px;
    --casino-radius-large: 16px;

    /* ========================================
       ALIASES AUTH (compatibilidad con auth.css)
       ======================================== */
    --auth-primary: #990D74;
    --auth-secondary: #B81090;
    --auth-bg-primary: #990D74;
    --auth-bg-secondary: #490036;
    --auth-bg-accent: #800060;
    --auth-orange: #490036;
    --auth-orange-hover: #ef16ac;
    --auth-text-primary: #FFFFFF;
    --auth-text-secondary: #FFB8E0;
    --auth-text-muted: #CC8FB0;
    --auth-border: rgba(107, 0, 80, 0.6);
    --auth-border-focus: #490036;
    --auth-input-bg: #490036;
}