:root {
    /* Core Brand Colors */
    --primary: #0CAC5C;
    --primary-hover: #0b9a51;
    --primary-dark: #097d41;
    --primary-light: #10d670;

    /* Dark Theme Palette */
    --bg-primary: #0a0e12;
    --bg-secondary: #141922;
    --bg-tertiary: #1a1f2e;
    --surface: #1e2433;
    --surface-hover: #252b3b;

    /* Text Colors */
    --text-primary: #f5f7fa;
    --text-secondary: #b8c1cc;
    --text-tertiary: #7d8a99;
    --text-muted: #5c6875;

    /* Accent & State Colors */
    --accent-blue: #2d8cff;
    --accent-purple: #8b5cf6;
    --accent-cyan: #06b6d4;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;

    /* Border & Divider */
    --border: #2a3344;
    --border-light: #353d4f;
    --divider: rgba(255, 255, 255, 0.06);

    /* Shadows & Effects */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.6);
    --shadow-primary: 0 8px 24px rgba(12, 172, 92, 0.25);
    --glow-primary: 0 0 32px rgba(12, 172, 92, 0.3);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    --gradient-surface: linear-gradient(145deg, var(--surface) 0%, var(--bg-tertiary) 100%);
    --gradient-overlay: linear-gradient(180deg, rgba(10, 14, 18, 0) 0%, rgba(10, 14, 18, 0.8) 100%);

    /* Animation & Transitions */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Spacing Scale */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* Typography */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
    --font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;

    /* Z-Index Scale */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal: 400;
    --z-popover: 500;
    --z-tooltip: 600;
}