:root {
    /* ---- Base Dark Palette ---- */
    --bg-primary:        #0B0A10;
    --bg-secondary:      #12111A;
    --bg-tertiary:       #1A1825;
    --bg-elevated:       #221F30;
    --bg-input:          #16141F;

    /* ---- Surface & Border ---- */
    --border-subtle:     #2A2739;
    --border-default:    #36334A;
    --border-focus:      #8B5CF6;

    /* ---- Text ---- */
    --text-primary:      #F1F0F5;
    --text-secondary:    #9B97B0;
    --text-tertiary:     #6B6780;
    --text-inverse:      #0B0A10;

    /* ---- Brand Colors (from logo gradient) ---- */
    --brand-cyan:        #06B6D4;
    --brand-purple:      #8B5CF6;
    --brand-magenta:     #D946EF;
    --brand-gradient:    linear-gradient(135deg, #06B6D4, #8B5CF6, #D946EF);

    /* ---- Accent: Green ---- */
    --accent-green:      #10B981;
    --accent-green-dim:  #064E3B;
    --accent-green-glow: rgba(16, 185, 129, 0.15);

    /* ---- Status Colors ---- */
    --status-in-progress:   #8B5CF6;
    --status-under-review:  #F59E0B;
    --status-scheduled:     #06B6D4;
    --status-completed:     #10B981;

    /* ---- Priority Colors ---- */
    --priority-urgent:   #EF4444;
    --priority-high:     #F59E0B;
    --priority-medium:   #8B5CF6;
    --priority-low:      #6B7280;

    /* ---- Spacing Scale ---- */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   32px;
    --space-2xl:  48px;

    /* ---- Typography ---- */
    --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:   'JetBrains Mono', 'Fira Code', monospace;
    --text-xs:     0.75rem;
    --text-sm:     0.875rem;
    --text-base:   1rem;
    --text-lg:     1.125rem;
    --text-xl:     1.25rem;
    --text-2xl:    1.5rem;
    --text-3xl:    1.875rem;

    /* ---- Border Radius ---- */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* ---- Shadows ---- */
    --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg:   0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-glow-purple: 0 0 20px rgba(139, 92, 246, 0.15);
    --shadow-glow-green:  0 0 20px rgba(16, 185, 129, 0.15);

    /* ---- Layout ---- */
    --sidebar-width:     260px;
    --sidebar-collapsed: 64px;
    --header-height:     64px;

    /* ---- Transitions ---- */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;
}

/* ---- Light Theme Overrides ---- */
[data-theme="light"] {
    --bg-primary:        #F8F9FB;
    --bg-secondary:      #FFFFFF;
    --bg-tertiary:       #F1F2F5;
    --bg-elevated:       #E8E9ED;
    --bg-input:          #FFFFFF;

    --border-subtle:     #E2E4E9;
    --border-default:    #CED1D9;

    --text-primary:      #1A1A2E;
    --text-secondary:    #5A5D6B;
    --text-tertiary:     #8E91A0;
    --text-inverse:      #F1F0F5;

    --accent-green-dim:  #D1FAE5;
    --accent-green-glow: rgba(16, 185, 129, 0.1);

    --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg:   0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-glow-purple: 0 0 20px rgba(139, 92, 246, 0.1);
    --shadow-glow-green:  0 0 20px rgba(16, 185, 129, 0.1);
}