:root {
    /* Typography */
    --font-base: 'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
    --font-title: 'Oswald', 'Manrope', system-ui, sans-serif;

    /* Type scale */
    --fs-xs: 13px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-md: 17px;
    --fs-lg: 20px;
    --fs-xl: 24px;
    --fs-2xl: 32px;
    --fs-3xl: clamp(28px, 3.5vw, 40px);
    --fs-4xl: clamp(32px, 4.5vw, 51px);

    /* Weights */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Line heights */
    --lh-body: 1.55;
    --lh-heading: 1.2;
    --lh-hero: 1.1;

    /* Letter spacing */
    --ls-heading: -0.02em;
    --ls-label: 0.14em;

    /* Фоны — нейтральный графит */
    --c-bg: #1e1f21;
    --c-bg-deep: #17181a;
    --c-surface: #292b2e;
    --c-surface-2: #343639;
    --c-surface-3: #414347;

    /* Линии */
    --c-line: #494c50;
    --c-line-2: #6b6e73;

    /* Текст */
    --c-muted: #bdbfc3;
    --c-ink-2: #d6d7da;
    --c-ink: #f1f1f4;

    /* Акцент — латунь */
    --c-black: #978152;
    --c-accent: #978152;
    --c-accent-hi: #c2a774;
    --c-accent-lo: #6b5a39;
    --c-invert: #0b0b0d;

    /* Латунные заливки */
    --grad-brass: linear-gradient(
        135deg,
        #6b5a39 0%,
        #ab8f5c 28%,
        #d9c496 50%,
        #978152 72%,
        #5c4c30 100%
    );

    --grad-brass-soft: linear-gradient(
        135deg,
        #ab8f5c 0%,
        #978152 55%,
        #7a6640 100%
    );

    --grad-brass-logo: linear-gradient(
        135deg,
        #4a3f28 0%,
        #7a6640 24%,
        #b89a63 48%,
        #6b5a39 72%,
        #3a3018 100%
    );

    /* Серебристые карточки без выраженной синевы */
    --grad-steel: linear-gradient(
        145deg,
        #494c50 0%,
        #393b3f 48%,
        #303236 100%
    );

    --grad-panel: radial-gradient(
        120% 90% at 50% 0%,
        #3d4044 0%,
        #292b2e 55%,
        #1e1f21 100%
    );

    /* Тени и свечение */
    --shadow-card:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 18px 40px -24px rgba(0, 0, 0, 0.9);

    --shadow-lift:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 24px 50px -22px rgba(0, 0, 0, 0.95);

    --glow-brass:
        0 0 0 1px rgba(151, 129, 82, 0.35),
        0 0 34px -8px rgba(151, 129, 82, 0.4);

    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-2xl: 28px;
    --radius-pill: 999px;

    /* Layout */
    --container-max: 1280px;
    --container-pad: clamp(16px, 3vw, 32px);
    --header-height: 76px;

    /* Z-index */
    --z-header: 100;
    --z-modal: 200;
    --z-skip: 300;
}