:root {
    color-scheme: dark;
    --color-background: #07111f;
    --color-background-deep: #040b14;
    --color-surface: #0c1928;
    --color-surface-elevated: #102238;
    --color-surface-subtle: rgba(255, 255, 255, 0.055);
    --color-text: #f4f8fc;
    --color-text-muted: #a8b9cc;
    --color-accent: #35c8f5;
    --color-accent-strong: #169fd8;
    --color-accent-muted: rgba(53, 200, 245, 0.12);
    --color-accent-contrast: #041019;
    --color-border: rgba(163, 195, 224, 0.18);
    --color-danger: #ff8a8a;
    --site-max-width: 75rem;
    --page-gutter: clamp(1rem, 4vw, 2rem);
    --radius-small: 0.55rem;
    --radius-medium: 0.9rem;
    --radius-large: 1.25rem;
    --shadow-elevated: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
}