:root:root {     --brand-primary: #0F4C5C;
    --brand-primary-light: #A9D8DE;
    --brand-accent: #2E9AA6;
    --brand-soft: #FBF3E3;
    --brand-neutral: #76848F;
    --brand-dark: #2C3A42;
    --brand-primary-oklch: oklch(0.387 0.064 220.1);
    --brand-primary-light-oklch: oklch(0.851 0.049 205.9);
    --brand-accent-oklch: oklch(0.632 0.096 205.9);
    --brand-soft-oklch: oklch(0.966 0.023 84.6);
    --brand-neutral-oklch: oklch(0.606 0.023 241.6);
    --brand-dark-oklch: oklch(0.339 0.023 233.4);
    --gradient-brand: linear-gradient(135deg, #0F4C5C 0%, #2E9AA6 100%);
    --gradient-brand-vibrant: linear-gradient(135deg, #0F4C5C 0%, #2E9AA6 50%, #A9D8DE 100%);
    --gradient-brand-soft: linear-gradient(180deg, #A9D8DE 0%, #FBF3E3 100%);
    --gradient-dark: linear-gradient(135deg, #2C3A42 0%, #76848F 100%);
    --font-heading: 'Inter', var(--font-inter), system-ui, sans-serif;
    --font-body: 'Inter', var(--font-inter), system-ui, sans-serif;
    --font-code: 'JetBrains Mono', var(--font-jetbrains-mono), ui-monospace, monospace;
    --font-size-base: 16px;
    --font-scale: 1;
    --radius-base: 0.75rem;
    --radius: min(0.75rem, 1.5rem);
    --density-multiplier: 1;
    --spacing: calc(0.25rem * 1);
    --shadow-default: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --enable-gradients: 1;
    --enable-animations: 1;
    --enable-glassmorphism: 1; }