:root {
    --color-primary: #f15a29;
    --color-primary-hover: #ff7040;
    --color-secondary: #183a46;
    --color-dark: #071014;
    --color-background: #081116;
    --color-background-soft: #0d181e;
    --color-surface: #111e24;
    --color-surface-light: #17272e;
    --color-white: #f8fbfc;
    --color-text: #eef4f6;
    --color-text-muted: #a8b8bf;
    --color-border: rgba(194, 216, 224, .16);
    --color-border-strong: rgba(194, 216, 224, .28);
    --font-heading: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    --font-body: Inter, "Segoe UI", Arial, sans-serif;
    --container: min(1240px, calc(100vw - 48px));
    --reading: 68ch;
    --header-height: 84px;
    --space-1: .5rem;
    --space-2: .75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 6rem;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-sm: 0 10px 30px rgba(0, 0, 0, .18);
    --shadow-md: 0 28px 70px rgba(0, 0, 0, .34);
    --transition: 220ms cubic-bezier(.2, .75, .25, 1);
    --z-header: 50;
    --z-overlay: 80;
}