:root {
    --bg-0: #0A0C10;
    --bg-1: #111418;
    --bg-2: #181C20;
    --bg-3: #1F2429;

    --text-0: #F2F4F8;
    --text-1: #C7CBD4;
    --muted: #8D929A;

    --brand-1: #4C82FB;
    --brand-2: #2A5BFF;
    --brand-3: #1740D4;

    --accent: #FFB454;

    --shadow-soft: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.35);
    --radius: 0.625rem;

    --container: 67.5rem; /* 1080px */
    --gutter: 1.25rem; /* 20px */
    --space-1: 0.5rem; /* 8px */
    --space-2: 0.75rem; /* 12px */
    --space-3: 1rem; /* 16px */
    --space-4: 1.5rem; /* 24px */
    --space-5: 2rem; /* 32px */
    --space-6: 3rem; /* 48px */
    --space-7: 4rem; /* 64px */
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    color: var(--text-0);
    background: radial-gradient(75rem 37.5rem at 70% 10%, rgba(255, 106, 0, 0.15), transparent 60%),
    linear-gradient(180deg, var(--bg-1), var(--bg-0));
}