/*
    theme-vars.css
    --------------
    Variables de tema unificadas (basadas en login.css).
    Incluir este archivo antes de otros CSS para propagar la paleta gris-amarilla.
*/
:root {
    --primary-dark: #232323;
    --secondary-dark: #333333;
    --accent-gold: #ffb300;
    --accent-gold-light: #ffc233;
    --text-light: #ffffff;
    --text-gray: #dddddd;
    --input-bg: #444444;
    --card-bg: rgba(51, 51, 51, 0.9);
    --border-light: rgba(255, 255, 255, 0.1);

    /* Alias usados en otros CSS del proyecto */
    --accent-primary: var(--accent-gold);
    --accent-primary-light: var(--accent-gold-light);
    --color-background-dark: var(--primary-dark);
    --color-background-light: var(--secondary-dark);
    --color-text-light: var(--text-light);
    --color-text-secondary: var(--text-gray);
    --color-separator: var(--border-light);
    --color-placeholder: var(--input-bg);
}

/* pequeñas utilidades para contraste */
.theme-card-bg { background: var(--card-bg); }