/* =========================================================
   TEMA BASE - VARIAVEIS GLOBAIS DA V2
   ========================================================= */

:root {
    --bg-app: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-surface-alt: #f8fafc;
    --bg-sidebar-start: #020617;
    --bg-sidebar-end: #081225;

    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --text-on-dark: #ffffff;

    --border-soft: #e2e8f0;
    --border-strong: #cbd5e1;

    --shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);
    --shadow-strong: 0 20px 45px rgba(15, 23, 42, 0.18);

    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #3b82f6;
    --primary-600: #2563eb;
    --primary-700: #1d4ed8;
    --primary-800: #1e40af;

    --accent-500: #38bdf8;
    --accent-600: #0ea5e9;

    --success-bg: #ecfdf5;
    --success-border: #a7f3d0;
    --success-text: #065f46;

    --error-bg: #fef2f2;
    --error-border: #fecaca;
    --error-text: #991b1b;

    --info-bg: #eff6ff;
    --info-border: #bfdbfe;
    --info-text: #1d4ed8;

    --warning-bg: #fefce8;
    --warning-border: #fde68a;
    --warning-text: #854d0e;

    --gradient-primary: linear-gradient(135deg, #0f172a 0%, #1d4ed8 58%, #38bdf8 100%);
    --gradient-primary-soft: linear-gradient(135deg, rgba(37,99,235,0.22), rgba(56,189,248,0.12));
    --gradient-button: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    --gradient-button-hover: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);

    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 24px;

    --sidebar-width: 250px;
}

/* Tema escuro */
body.theme-dark {
    --bg-app: #0b1220;
    --bg-surface: #111827;
    --bg-surface-alt: #0f172a;
    --bg-sidebar-start: #020617;
    --bg-sidebar-end: #0b1220;

    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-on-dark: #ffffff;

    --border-soft: rgba(148, 163, 184, 0.16);
    --border-strong: rgba(148, 163, 184, 0.24);

    --shadow-soft: 0 12px 30px rgba(2, 6, 23, 0.24);
    --shadow-strong: 0 20px 45px rgba(2, 6, 23, 0.32);

    --success-bg: rgba(16, 185, 129, 0.12);
    --success-border: rgba(16, 185, 129, 0.28);
    --success-text: #a7f3d0;

    --error-bg: rgba(239, 68, 68, 0.12);
    --error-border: rgba(239, 68, 68, 0.26);
    --error-text: #fecaca;

    --info-bg: rgba(37, 99, 235, 0.12);
    --info-border: rgba(96, 165, 250, 0.24);
    --info-text: #bfdbfe;

    --warning-bg: rgba(234, 179, 8, 0.12);
    --warning-border: rgba(234, 179, 8, 0.26);
    --warning-text: #fde68a;
}