/* ============================================
   Theme: Tech Light
   Fundo Branco + Azul Principal + Vermelho Secundário + Texto Escuro
   ============================================ */

[data-theme="techlight"] {
    --font-display: 'Geist Sans', 'Outfit', system-ui, sans-serif;
    --font-body: 'Geist Sans', 'Outfit', system-ui, sans-serif;
    --font-mono: 'Geist Mono', 'Fira Code', monospace;

    --bg-primary: #FFFFFF;
    --bg-secondary: #F4F6FB;
    --bg-tertiary: #E8EDF8;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F2F6FC;
    --bg-surface: rgba(31, 116, 255, 0.05);
    --bg-glass: rgba(255, 255, 255, 0.92);

    --fg-primary: #00002E;
    --fg-secondary: #2E3E5C;
    --fg-muted: #62728D;
    --fg-faint: #A5B4CD;

    --accent-primary: #1F74FF;
    --accent-primary-hover: #0056D6;
    --accent-gold: #E51E2A;
    --accent-gold-hover: #C1131E;

    /* Semantic Colors for High Contrast */
    --color-success: #0E9F6E;
    --color-warning: #C2410C;
    --color-error: #E51E2A;
    --color-info: #1F74FF;

    /* High contrast stats colors for light backgrounds */
    --stat-green: #0E9F6E;
    --stat-green-light: #34D399;
    --stat-green-bg: rgba(14, 159, 110, 0.08);
    --stat-green-border: rgba(14, 159, 110, 0.15);
    --stat-green-shadow: rgba(14, 159, 110, 0.1);

    --stat-orange: #C2410C; /* Darker amber-orange for high contrast */
    --stat-orange-light: #F59E0B;
    --stat-orange-bg: rgba(194, 65, 12, 0.08);
    --stat-orange-border: rgba(194, 65, 12, 0.15);
    --stat-orange-shadow: rgba(194, 65, 12, 0.1);

    --stat-red: #E51E2A; /* Match theme red */
    --stat-red-bg: rgba(229, 30, 42, 0.08);
    --stat-red-border: rgba(229, 30, 42, 0.15);
    --stat-red-shadow: rgba(229, 30, 42, 0.1);

    --stat-blue: #1F74FF; /* Match theme blue */
    --stat-blue-bg: rgba(31, 116, 255, 0.08);
    --stat-blue-border: rgba(31, 116, 255, 0.15);
    --stat-blue-shadow: rgba(31, 116, 255, 0.1);

    /* Badge Colors Overrides */
    --badge-nacional: #0E9F6E;
    --badge-nacional-bg: rgba(14, 159, 110, 0.08);
    --badge-bancario: #1F74FF;
    --badge-bancario-bg: rgba(31, 116, 255, 0.08);
    --badge-facultativo: #C2410C;
    --badge-facultativo-bg: rgba(194, 65, 12, 0.08);
    --badge-lunar: #7C3AED;
    --badge-lunar-bg: rgba(124, 58, 237, 0.08);
    --badge-estacao: #E51E2A;
    --badge-estacao-bg: rgba(229, 30, 42, 0.08);
    --badge-especial: #C2410C;
    --badge-especial-bg: rgba(194, 65, 12, 0.08);
    --badge-default: #62728D;
    --badge-default-bg: rgba(98, 114, 141, 0.08);

    --border-color: rgba(31, 116, 255, 0.15);
    --border-color-hover: rgba(31, 116, 255, 0.3);

    --gradient-hero: linear-gradient(135deg, #FFFFFF 0%, #F4F6FB 100%);
    --gradient-accent: linear-gradient(135deg, #1F74FF 0%, #0056D6 100%);
    --gradient-gold: linear-gradient(135deg, #E51E2A 0%, #C1131E 100%);
    --gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F7F9FC 100%);

    --shadow-glow: 0 4px 20px rgba(31, 116, 255, 0.1);
    --shadow-gold-glow: 0 4px 20px rgba(229, 30, 42, 0.1);

    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: 1px solid rgba(31, 116, 255, 0.15);

    --scrollbar-track: #F4F6FB;
    --scrollbar-thumb: rgba(31, 116, 255, 0.3);
}