:root {
    color-scheme: dark;

    /* --- PALETTE: Premium Nordic (Wageroz) --- */
    --color-bg: #0B1026;
    --color-bg-alt: #12172E;
    --color-gold: #C6A87C;
    --color-gold-hover: #D4B88C;
    --color-white: #FFFFFF;
    --color-gray: #8B95A5;
    --color-btn: #C6A87C;

    /* Borders & Effects */
    --color-border: rgba(139, 149, 165, 0.15);

    /* Radii */
    --radius-card: 20px;
    --radius-btn: 999px;
    --radius-sm: 8px;

    /* Shadows */
    --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 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(198, 168, 124, 0.2);

    /* --- TYPOGRAPHY --- */
    --font-serif: "Playfair Display", serif;
    --font-sans: "Inter", system-ui, -apple-system, sans-serif;

    --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
    --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
    --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
    --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
    --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 2rem);
    --text-3xl: clamp(2rem, 1.8rem + 1vw, 2.5rem);
    --text-4xl: clamp(2.5rem, 2.1rem + 2vw, 4rem);

    /* --- SPACING --- */
    --space-1: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
    --space-2: clamp(0.5rem, 0.45rem + 0.25vw, 1rem);
    --space-3: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
    --space-4: clamp(1.5rem, 1.35rem + 0.75vw, 2rem);
    --space-5: clamp(2rem, 1.8rem + 1vw, 3rem);
    --space-6: clamp(3rem, 2.5rem + 2.5vw, 6rem);

    /* --- LAYOUT --- */
    --shell-width: min(100% - 2rem, 1280px);

    /* --- ANIMATION --- */
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --transition: 0.3s var(--ease-out);
}