:root {
    /* Lumina Onyx - Premium AI SaaS Palette */
    --base-black: #000000;
    --base-charcoal: #131313;
    --base-dark-grey: #1A1A1A;
    --base-white: #FFFFFF;
    
    --brand-teal: #00F2EA;
    --brand-teal-glow: rgba(0, 242, 234, 0.4);

    /* Text */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(226, 226, 226, 0.6);
    --text-muted: rgba(226, 226, 226, 0.4);

    /* Backgrounds */
    --bg-app: #0D0D0D;
    --bg-sidebar: #1F1F1F;
    --bg-topbar: rgba(13, 13, 13, 0.8);
    --bg-card: #1A1A1A;
    --bg-surface: #131313;

    /* Borders */
    --border-thin: 1px solid rgba(255, 255, 255, 0.05);
    --border-teal: 1px solid var(--brand-teal);

    /* Typography - Manrope */
    --font-sans: 'Manrope', sans-serif;
    
    /* Spacing System */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;

    /* Radius - Round Four */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* Transitions & Glows */
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-glow: 0 0 8px var(--brand-teal);
    
    /* Z-index */
    --z-sidebar: 100;
    --z-topbar: 90;
}

/* Theme Awareness Override - Onyx is inherently dark, 
   but we can keep light theme if really needed, 
   though the prompt focuses on the Onyx look. */
[data-theme="light"] {
    --bg-app: #F8FAFC;
    --bg-sidebar: #FFFFFF;
    --bg-topbar: rgba(255, 255, 255, 0.8);
    --bg-card: #FFFFFF;
    --bg-surface: #FFFFFF;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --border-thin: 1px solid rgba(0, 0, 0, 0.08);
}