:root {
    /* Cognisphere Executive Design System */
    --color-primary: #373296;
    --color-primary-dark: #1f1680;
    --color-primary-light: #a7a4ff;
    --color-secondary: #6bbdbc;
    --color-secondary-dark: #006a69;
    --color-tertiary: #afcfd3;
    --color-neutral: #f8fafc;
    --color-surface: #f7f9fb;
    --color-surface-bright: #f7f9fb;
    --color-surface-container: #eceef0;
    --color-surface-container-low: #f2f4f6;
    --color-surface-container-lowest: #ffffff;
    --color-on-surface: #191c1e;
    --color-on-surface-variant: #474552;
    --color-indigo-deep: #2e3b9a;
    --color-electric-lavender: #b17cfe;
    --color-outline: #777583;
    --color-outline-variant: #c8c4d4;

    /* Dark & Glassmorphism Design Tokens */
    --color-canvas-dark: #090a10;
    --color-canvas-card: rgba(18, 20, 36, 0.7);
    --color-canvas-card-hover: rgba(26, 30, 54, 0.85);
    --color-glass-surface: rgba(255, 255, 255, 0.05);
    --color-glass-border: rgba(255, 255, 255, 0.12);
    --color-glass-glow: rgba(107, 189, 188, 0.2);
    --color-accent-teal: #6bbdbc;
    --color-accent-purple: #b17cfe;
    --color-accent-amber: #f59e0b;
    --color-accent-cyan: #38bdf8;

    --color-error: #ba1a1a;
    --color-success-bg: #ecfdf5;
    --color-success-text: #065f46;
    --color-error-bg: #fef2f2;
    --color-error-text: #991b1b;

    --font-headline: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    --shadow-ambient: 0 20px 40px rgba(55, 50, 150, 0.08);
    --shadow-header: 0 4px 24px rgba(55, 50, 150, 0.06);
    --shadow-header-scrolled: 0 8px 32px rgba(55, 50, 150, 0.12);
    --shadow-glow-teal: 0 0 25px rgba(107, 189, 188, 0.35);
    --shadow-glow-purple: 0 0 25px rgba(177, 124, 254, 0.35);
    --shadow-glow-primary: 0 0 20px rgba(107, 189, 188, 0.35);
    --shadow-card: 0 10px 40px rgba(15, 23, 42, 0.08);

    --anim-cycle: 4s;
    --transition-fluid: cubic-bezier(0.4, 0, 0.2, 1) 300ms;
    
    --footer-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-electric-lavender) 100%);
    --footer-gradient-glass: rgba(31, 22, 128, 0.72);
    --footer-glass-frost: rgba(55, 50, 150, 0.38);
    --footer-glass-shine: linear-gradient(135deg, rgba(167, 164, 255, 0.18) 0%, rgba(255, 255, 255, 0.1) 30%, transparent 55%);
    --footer-glass-border: rgba(167, 164, 255, 0.28);
    --footer-glass-blur: 18px;
    --footer-hover-ease: cubic-bezier(0.4, 0, 0.2, 1) 320ms;
    --footer-text: #ffffff;
    --footer-text-muted: rgba(255, 255, 255, 0.92);
    --footer-text-subtle: rgba(255, 255, 255, 0.82);
    --footer-border: rgba(255, 255, 255, 0.14);
    --max-width: 1280px;
    --header-height: 80px;
    --utility-height: 40px;
}

/* Glassmorphism Utility Classes */
.glass-panel {
    background: var(--color-glass-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--color-glass-border);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

.text-gradient {
    background: linear-gradient(135deg, #ffffff 0%, var(--color-secondary) 50%, var(--color-electric-lavender) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}