:root {
    /* New Color Palette */
    --color-prussian-blue: #102542;
    --color-almond-cream: #EAE0D5;
    --color-light-caramel: #FBB673;
    --color-air-force-blue: #698996;
    
    --color-space-cadet: var(--color-prussian-blue); /* Keep for backward compatibility if needed */
    --color-moonstone: var(--color-air-force-blue);
    --color-orange: var(--color-light-caramel);
    --color-white-smoke: var(--color-almond-cream);
    --color-eerie-black: #1b1b1e;
    
    /* Updated primary colors */
    --color-primary: var(--color-prussian-blue);
    --color-primary-dark: #0a182e;
    --color-accent: var(--color-light-caramel);
    --color-highlight: var(--color-air-force-blue);
    
    /* Neutral colors - keeping some for consistency */
    --color-neutral-900: var(--color-prussian-blue); /* Text tends to be this */
    --color-neutral-800: #2c2c2c;
    --color-neutral-700: #3f3f3f;
    --color-neutral-600: #545454;
    --color-neutral-500: #6b6b6b;
    --color-neutral-400: #848484;
    --color-neutral-300: #a0a0a0;
    --color-neutral-200: #bdbdbd;
    --color-neutral-100: #e0e0e0;
    --color-neutral-50: var(--color-almond-cream);
    
    /* Main colors */
    --color-text: var(--color-prussian-blue);
    --color-background: var(--color-almond-cream);
    --color-card-background: #ffffff;

    --radius-xl: 12px;
    --border-radius-lg: 12px;
    --shadow-lg: 0 12px 30px rgba(16, 37, 66, 0.16), 0 4px 12px rgba(16, 37, 66, 0.10);
    --spotlight-a: radial-gradient(600px 280px at 15% 20%, rgba(105, 137, 150, 0.20), transparent 60%);
    --spotlight-b: radial-gradient(600px 280px at 85% 80%, rgba(16, 37, 66, 0.18), transparent 60%);

    --font-family-body: 'Montserrat', sans-serif;
    --font-family-heading: 'Montserrat', sans-serif; /* Using Montserrat for titles as Zing Rust Base is not available via CDN easily */

    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;

    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    --shadow-md: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}