:root {
    --color-page-background: #fffef8;
    --color-surface-strong: #251a14;
    --color-text-primary: #2e1e14;
    --color-text-inverse: #fffdf8;
    --color-border-strong: rgba(255, 253, 248, 0.9);
    --color-focus: #fffdf8;

    --font-family-base: "Helvetica Neue", Arial, sans-serif;
    --font-size-body: 16px;
    --font-size-navigation: 14px;
    --font-size-logo: 27px;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --line-height-tight: 1.1;
    --letter-spacing-logo: -0.02em;

    --layout-container: 794px;
    --header-height: 34px;
    --logo-height: 40px;

    --radius-focus: 4px;

    --border-width-thin: 1px;

    --space-4: 4px;
    --space-10: 10px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-28: 28px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;

    --motion-duration-fast: 180ms;
    --motion-easing-standard: ease;

    --opacity-active: 0.82;
}