:root {
    --color-background: #08090b;
    --color-background-soft: #0e1116;
    --color-surface: #141820;
    --color-surface-light: #1b202a;

    --color-primary: #d71920;
    --color-primary-light: #ff3943;
    --color-primary-dark: #8d0d14;

    --color-text: #ffffff;
    --color-text-muted: #aeb6c2;
    --color-border: rgba(255, 255, 255, 0.12);

    --font-heading: "Space Grotesk", sans-serif;
    --font-body: "Inter", sans-serif;

    --container-width: 1200px;
    --header-height: 92px;

    --radius-small: 8px;
    --radius-medium: 16px;
    --radius-large: 28px;

    --transition: 180ms ease;
}