:root {
    /*
     * Цвета
     */

    --color-bg: #f7f9fc;
    --color-surface: #ffffff;
    --color-surface-strong: #f1f5f9;
    --color-surface-muted: #f8fafc;

    --color-text: #1e293b;
    --color-muted: #64748b;

    --color-border: #e2e8f0;
    --color-border-hover: #cbd5e1;

    --color-primary: #1e293b;
    --color-link: #2563eb;
    --color-link-hover: #1d4ed8;

    --color-accent: #2563eb;
    --color-mark-bg: #eff6ff;

    /*
     * Шрифты
     */

    --font-main:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --font-mono:
        "JetBrains Mono",
        "Cascadia Code",
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;

    --font-size-body: 16px;
    --font-size-body-large: 18px;
    --font-size-small: 13px;
    --font-size-nav: 15px;

    --font-small: var(--font-size-small);
    --font-nav: var(--font-size-nav);

    --font-h1-min: 34px;
    --font-h1-max: 50px;
    --font-h2-min: 24px;
    --font-h2-max: 32px;
    --font-h3: 20px;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-body: 1.6;
    --line-height-heading: 1.2;

    /*
     * Скругления
     */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    /*
     * Отступы
     */

    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 96px;

    /*
     * Страница
     */

    --container: 1120px;

    /*
     * Header
     */

    --header-height: 72px;
    --logo-height: 48px;
    --logo-height-mobile: 44px;

    --space-nav-gap: 6px;
    --space-lang-gap: 4px;

    --nav-link-padding-y: 8px;
    --nav-link-padding-x: 10px;

    --lang-link-padding-y: 6px;
    --lang-link-padding-x: 8px;

    /*
     * Тени
     */

    --shadow-sm:
        0 1px 2px rgb(15 23 42 / 5%);

    --shadow-md:
        0 10px 30px rgb(15 23 42 / 8%);

    --shadow-lg:
        0 18px 45px rgb(15 23 42 / 10%);
}