/* ==========================================================================
   Variables & Tokens
   Consolidated from styles.css and tab-styles.css
   ========================================================================== */
:root {
    --bs-font-sans-serif: 'Inter', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);

    /* Base Colors & RGB */
    --primary-hue: 158;
    --primary-sat: 64%;
    --primary-rgb: 46, 139, 87;
    /* SeaGreen */
    --secondary-rgb: 108, 117, 125;

    /* Animations & Transitions */
    --transition-speed: 0.3s;
    --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, hsl(var(--primary-hue), var(--primary-sat), 45%) 0%, hsl(var(--primary-hue), var(--primary-sat), 35%) 100%);
    --gradient-accent: linear-gradient(135deg, hsl(210, 80%, 56%) 0%, hsl(var(--primary-hue), var(--primary-sat), 45%) 100%);
    --gradient-subtle: linear-gradient(135deg, rgba(var(--primary-rgb), 0.05) 0%, rgba(var(--primary-rgb), 0.15) 100%);

    /* Neon Specific Colors (High Fidelity Mockup) */
    --neon-primary: #00ff9d;
    --neon-cyan: #00f2ea;

    /* Default Input Colors (Dark Mode base) */
    --input-bg: rgba(255, 255, 255, 0.03);
    --input-text-color: #ffffff;
    --input-placeholder-color: rgba(255, 255, 255, 0.3);
}

/* Light Theme (Grey Tones) */
[data-bs-theme="light"] {
    --bs-body-color: #1a2332;
    --bs-body-bg: #c2c9d1;
    /* Cinza médio para o fundo */
    --bs-border-color: #a0b0c0;
    --bs-tertiary-bg: #dce4ec;
    --bs-secondary-color: #4a5a6a;
    --bs-secondary-bg: #b0bdcb;
    --bs-emphasis-color: #0d1117;

    /* Input Overrides for Light Mode */
    --input-bg: rgba(255, 255, 255, 0.7);
    --input-text-color: #1a2332;
    --input-placeholder-color: rgba(26, 35, 50, 0.6);

    /* Shadows */
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    --card-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.15);

    /* Tabs */
    --nav-tabs-border-color: var(--bs-border-color);
    --nav-tabs-link-color: var(--bs-secondary-color);
    --nav-tabs-link-hover-color: var(--bs-emphasis-color);
    --nav-tabs-link-active-color: var(--bs-emphasis-color);
    --nav-tabs-link-active-bg: #e6eaee;
    --nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) #e6eaee;

    /* Glass Effect (Grey) */
    --glass-bg: rgba(230, 234, 238, 0.95);
    /* Cinza claro fosco */
    --glass-border: rgba(160, 176, 192, 0.5);

    /* Readable Badges/Tags (Darker Green) */
    --bs-success-text-emphasis: #0a3622;
    /* Verde muito escuro para contraste */
    --bs-success-bg-subtle: #c3e6cb;
    /* Fundo mais saturado se necessario */
}

/* Dark Theme */
[data-bs-theme="dark"] {
    --bs-body-color: #e8eaed;
    --bs-body-bg: #0d1117;
    /* Updated to darker shade for Neon contrast */
    --bs-border-color: #30363d;
    --bs-tertiary-bg: #161b22;
    --bs-secondary-color: #8b949e;
    --bs-secondary-bg: #21262d;
    --bs-emphasis-color: #f0f6fc;

    /* Shadows */
    --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    --card-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.6);

    /* Tabs */
    --nav-tabs-border-color: var(--bs-border-color);
    --nav-tabs-link-color: var(--bs-secondary-color);
    --nav-tabs-link-hover-color: var(--bs-emphasis-color);
    --nav-tabs-link-active-color: var(--bs-emphasis-color);
    --nav-tabs-link-active-bg: var(--bs-body-bg);
    --nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);

    /* Glass Effect */
    --glass-bg: rgba(22, 27, 34, 0.7);
    --glass-border: rgba(255, 255, 255, 0.05);
    /* Original from tab-styles */
}

/* Bootstrap Primary Overrides */
:root {
    --bs-primary: rgb(var(--primary-rgb));
    --bs-primary-rgb: var(--primary-rgb);
    --bs-primary-text-emphasis: hsl(var(--primary-hue), var(--primary-sat), 25%);
    --bs-primary-bg-subtle: hsl(var(--primary-hue), 65%, 94%);
    --bs-primary-border-subtle: hsl(var(--primary-hue), 60%, 80%);
}