:root {
    color-scheme: dark;

    /* --- LOWLANDS NIGHT DESIGN SYSTEM --- */
    /* Base */
    --color-bg: #0F1216;
    --color-bg-alt: #161B22;
    --color-bg-tertiary: #1C2128;
    
    /* Text */
    --color-text-primary: #E6E8EB;
    --color-text-secondary: #9AA1A9;
    --color-text-muted: #6B7280;
    --color-text-body: #E6E8EB;
    --color-white: #FFFFFF;
    
    /* Accent */
    --color-accent-gold: #D4A84F;
    --color-accent-gold-hover: #E0B962;
    --color-accent-teal: #3FA9A3;
    --color-accent-teal-hover: #4FBBB5;
    
    /* System Colors */
    --color-success: #4CAF50;
    --color-warning: #E6B566;
    --color-error: #E05A4F;
    
    /* Borders & Effects */
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(255, 255, 255, 0.12);

    /* Radii */
    --radius-card: 12px;
    --radius-btn: 10px;
    --radius-sm: 8px;

    /* Shadows - Minimal */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);

    /* --- TYPOGRAPHY --- */
    --font-display: "Inter", system-ui, -apple-system, sans-serif;
    --font-sans: "Inter", system-ui, -apple-system, sans-serif;
    --font-mono: "SF Mono", "Monaco", monospace;

    --text-xs: 0.875rem;
    --text-sm: 1rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
    --text-2xl: clamp(1.6rem, 1.4rem + 1vw, 2rem);
    --text-3xl: clamp(2.2rem, 1.8rem + 2vw, 2.6rem);

    /* --- SPACING (Lowlands Scale) --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

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

    /* --- ANIMATION (Lowlands Motion) --- */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: 0.15s var(--ease-out);
    --transition-slow: 0.18s var(--ease-out);
}