:root {
    /* ── Fundos ────────────────────────────────── */
    --bg-dark: #0d1b2a;
    --bg-card: #132033;
    --bg-sidebar: #1a2a3a;
    --bg-sidebar-header: #0f1c29;
    --bg-sidebar-user: #162330;
    
    /* Fundos */
    /* --black:       #06060C; */
    --dark: #0B0B14;
    /*--dark-card: #0d0d18;*/
    --dark-card: #0B0B14;

    /* ── Cores de destaque ─────────────────────── */
    --accent-orange: #f07830;
    --accent-blue: #4a9eda;
    --accent-green: #27ae60;
    --accent-red: #e74c3c;
    --accent-yellow: #f39c12;
    --accent-purple: #9b59b6;

    /* ── Variantes RGB (para uso em rgba()) ────── */
    --accent-orange-rgb: 240, 120, 48;
    --accent-blue-rgb: 74, 158, 218;
    --accent-green-rgb: 39, 174, 96;
    --accent-red-rgb: 231, 76, 60;
    --accent-yellow-rgb: 243, 156, 18;

    /* ── Textos ─────────────────────────────────── */
    --text-primary: #ecf0f1;
    --text-muted: #7f8c8d;
    --text-white: #fff;
    --text-body: #e8edf2;

    /* ── Bordas ─────────────────────────────────── */
    --border-color: rgba(255, 255, 255, 0.05);
    --border-color-light: rgba(255, 255, 255, 0.08);
    --border-color-light2: rgba(255, 255, 255, 0.50);
    --border-sidebar: #2c3e50;

    /* ── Tipografia ─────────────────────────────── */
    --font-base: 'Inter', sans-serif;
    --font-title: 'Montserrat', sans-serif;
}

/* ############################## */
:root {
    /* ── Fundos ────────────────────────────────── */
    --bg-dark-primary: #000000; /* Main body background */
    --bg-dark-secondary: #0d1b2a; /* Used for page-content, topbar */
    /* --bg-dark-card: #0F172A; Panel background */
    --bg-dark-card: #000000b8; /* Panel background */
    --bg-dark-card-inner: #06070A; /* Inner card backgrounds */
    --bg-dark-card-subtle: #111827; /* Module card background */
    --bg-sidebar: #1a2a3a;
    --bg-sidebar-header: #0f1c29;
    --bg-sidebar-user: #162330;

    /* ── Cores de destaque ─────────────────────── */
    --accent-emerald: #10b981; /* Primary highlight color from component */
    --accent-emerald-light: #34d399; /* Lighter emerald */
    --accent-cyan: #06b6d4; /* Secondary highlight color from component */
    --accent-cyan-light: #22d3ee; /* Lighter cyan */
    --accent-amber: #f59e0b; /* Warning color from component */
    --accent-amber-light: #fbbf24; /* Lighter amber */
    --accent-red: #ef4444; /* Danger color from component */
    --accent-red-light: #f87171; /* Lighter red */
    --accent-orange: #f07830; /* Original orange from dashboard */
    --accent-orange-light: #fb923c; /* Lighter orange */
    --accent-purple: #9b59b6; /* Original purple from dashboard */
    --accent-blue: #4a9eda; /* Original blue from dashboard */

    /* ── Variantes RGB (para uso em rgba()) ────── */
    --accent-emerald-rgb: 16, 185, 129;
    --accent-cyan-rgb: 6, 182, 212;
    --accent-amber-rgb: 245, 158, 11;
    --accent-red-rgb: 239, 68, 68;
    --accent-orange-rgb: 240, 120, 48;
    --accent-blue-rgb: 74, 158, 218;

    /* ── Textos ─────────────────────────────────── */
    --text-white: #ffffff;
    --text-white-90: rgba(255, 255, 255, 0.9);
    --text-gray-200: #e5e7eb;
    --text-gray-300: #d1d5db;
    --text-gray-400: #9ca3af;
    --text-gray-500: #6b7280;
    --text-gray-600: #4b5563;
    --text-muted: #7f8c8d; /* Original muted text */
    --text-body: #e8edf2; /* Original body text */

    /* ── Bordas ─────────────────────────────────── */
    --border-white-5: rgba(255, 255, 255, 0.05);
    --border-white-8: rgba(255, 255, 255, 0.08);
    --border-white-10: rgba(255, 255, 255, 0.1);
    --border-white-15: rgba(255, 255, 255, 0.15);
    --border-white-23: rgba(255, 255, 255, 0.23);
    --border-emerald-20: rgba(16, 185, 129, 0.2);
    --border-red-20: rgba(239, 68, 68, 0.2);
    --border-red-30: rgba(239, 68, 68, 0.3);
    --border-orange-10: rgba(249, 115, 22, 0.1);
    --border-orange-20: rgba(249, 115, 22, 0.2);
    --border-cyan-30: rgba(6, 182, 212, 0.3);
    --border-sidebar: #2c3e50; /* Original sidebar border */

    /* ── Sombras e Glows ────────────────────────── */
    --shadow-black-50: rgba(0, 0, 0, 0.5);
    --shadow-emerald-80: rgba(16, 185, 129, 0.8);
    --shadow-emerald-50: rgba(16, 185, 129, 0.5);
    --shadow-emerald-30: rgba(16, 185, 129, 0.3);
    --shadow-emerald-10: rgba(16, 185, 129, 0.1);
    --shadow-amber-50: rgba(245, 158, 11, 0.5);
    --shadow-orange-80: rgba(251, 146, 60, 0.8);
    --shadow-red-80: rgba(239, 68, 68, 0.8);
    --shadow-cyan-80: rgba(34, 211, 238, 0.8);
    --shadow-cyan-10: rgba(34, 211, 238, 0.1);

    /* ── Blur ───────────────────────────────────── */
    --blur-sm: 4px;
    --blur-100px: 100px;

    /* ── Espaçamento ────────────────────────────── */
    --spacing-px: 1px;
    --spacing-0-5: 0.125rem; /* 2px */
    --spacing-1: 0.25rem; /* 4px */
    --spacing-1-5: 0.375rem; /* 6px */
    --spacing-2: 0.5rem; /* 8px */
    --spacing-2-5: 0.625rem; /* 10px */
    --spacing-3: 0.75rem; /* 12px */
    --spacing-3-5: 0.875rem; /* 14px */
    --spacing-4: 1rem; /* 16px */
    --spacing-5: 1.25rem; /* 20px */
    --spacing-6: 1.5rem; /* 24px */
    --spacing-8: 2rem; /* 32px */
    --spacing-10: 2.5rem; /* 40px */
    --spacing-16: 4rem; /* 64px */
    --spacing-32: 8rem; /* 128px */

    /* ── Tamanhos de Fonte ──────────────────────── */
    --font-size-10px: 10px;
    --font-size-11px: 11px;
    --font-size-xs: 0.75rem; /* 12px */
    --font-size-base: 1rem; /* 16px */
    --font-size-lg: 1.125rem; /* 18px */
    --font-size-2xl: 1.5rem; /* 24px */
    --font-size-3xl: 1.875rem; /* 30px */
    --font-size-4xl: 2.25rem; /* 36px */
    --font-size-5xl: 3rem; /* 48px */

    /* ── Border Radius ──────────────────────────── */
    --rounded-full: 9999px;
    --rounded-lg: 0.5rem; /* 8px */
    --rounded-xl: 0.75rem; /* 12px */
    --rounded-14px: 14px; /* custom */
    --rounded-default: 0.25rem; /* 4px */

    /* ── Font Weights ───────────────────────────── */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* ── Letter Spacing ─────────────────────────── */
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --tracking-0-2em: 0.2em;

    /* ── Line Height ────────────────────────────── */
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
}