:root {
    color-scheme: dark;
    --bg-primary: #0a0b09;
    --bg-secondary: #121410;
    --bg-tertiary: #0d1110;
    --surface-raised: #181b15;
    --surface-soft: #111613;
    --text-primary: #f2f3ed;
    --text-secondary: #b6baa9;
    --text-muted: #83897b;
    --text-inverse: #111309;
    --border: rgba(242, 243, 237, 0.18);
    --border-strong: rgba(242, 243, 237, 0.34);
    --accent: #c8f135;
    --accent-hover: #d7ff58;
    --accent-active: #b7df28;
    --focus: #e5ff82;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-pill: 999px;
    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 7rem;
    --header-height: 4.5rem;
    --container: 1280px;
    --content: 760px;
    --gutter: clamp(1.125rem, 3vw, 2rem);
    --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}