/* =================================================================
   0. VARIÁVEIS DE TEMA
   ================================================================= */
:root {
    /* --- Brand Colors --- */
    --brand-primary: #00bcd4;
    --brand-primary-rgb: 0, 188, 212;
    --brand-secondary: #4caf50;
    --brand-secondary-rgb: 76, 175, 80;
    --brand-accent: #ffc107;
    --brand-danger: #ff4081;
    --brand-danger-rgb: 255, 64, 129;

    /* --- Surfaces (Light Mode) --- */
    --bg-main: #f0f2f5;
    --bg-surface: rgba(255, 255, 255, 0.7);
    --bg-surface-header: rgba(255, 255, 255, 0.8);
    --bg-navbar: rgba(255, 255, 255, 0.85);
    --bg-card: #ffffff;
    --bg-card-header: #f8f9fa;

    /* --- Text (Light Mode) --- */
    --text-main: #1a1c1e;
    --text-muted: #5f6368;
    --text-on-brand: #ffffff;

    /* --- Borders & Shadows --- */
    --border-subtle: rgba(0, 0, 0, 0.05);
    --border-highlight: rgba(255, 255, 255, 0.8);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 50px -10px rgba(0, 0, 0, 0.1);

    /* --- Gradients --- */
    --grad-primary: linear-gradient(135deg, #00bcd4, #0097a7);
    --grad-surface: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.1));
}

:root.dark-mode {
    /* --- Surfaces (Dark Mode) --- */
    --bg-main: #050608;
    --bg-surface: rgba(15, 18, 25, 0.6);
    --bg-surface-header: rgba(20, 24, 35, 0.8);
    --bg-navbar: rgba(10, 12, 18, 0.85);
    --bg-card: #151821;
    --bg-card-header: #1c202d;

    /* --- Text (Dark Mode) --- */
    --text-main: #f1f3f4;
    --text-muted: #9aa0a6;

    /* --- Borders & Shadows --- */
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-highlight: rgba(255, 255, 255, 0.08);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 40px -5px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 30px 60px -12px rgba(0, 0, 0, 0.6);

    /* --- Gradients --- */
    --grad-surface: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01));
}