@charset "UTF-8"; /* Сгенерировано из design-system/tokens.json командой tools/build_tokens.py. Руками не править: изменения потеряются при следующей генерации. Светлая тема — основная, тёмная включается системной настройкой или атрибутом data-theme на . */ :root { --surface-100: #fafaf8; --surface-200: #ffffff; --surface-300: #f1efe9; --ink-900: #111214; --ink-600: #626975; --ink-400: #8b8f98; --clay-600: #b83923; --clay-700: #9e2f1b; --clay-fill: #b83923; --clay-fill-deep: #c64126; --on-clay: #fff6ef; --ok-600: #1e7a46; --warn-600: #8a6116; --line-200: #e7e4dc; --line-300: #d8d4ca; --focus: var(--clay-600); --font-sans: 'Golos Text', -apple-system, 'Segoe UI', system-ui, sans-serif; --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; --display-1-size: 56px; --display-1-line: 1.04; --display-1-weight: 430; --display-1-tracking: -0.045em; --display-1-family: var(--font-sans); --display-2-size: 40px; --display-2-line: 1.12; --display-2-weight: 440; --display-2-tracking: -0.03em; --display-2-family: var(--font-sans); --heading-3-size: 28px; --heading-3-line: 1.25; --heading-3-weight: 450; --heading-3-tracking: -0.015em; --heading-3-family: var(--font-sans); --card-title-size: 22px; --card-title-line: 1.3; --card-title-weight: 500; --card-title-tracking: -0.01em; --card-title-family: var(--font-sans); --lead-size: 20px; --lead-line: 1.55; --lead-weight: 400; --lead-family: var(--font-sans); --body-size: 17px; --body-line: 1.65; --body-weight: 400; --body-family: var(--font-sans); --body-sm-size: 15px; --body-sm-line: 1.55; --body-sm-weight: 400; --body-sm-family: var(--font-sans); --label-size: 12px; --label-line: 1.3; --label-weight: 500; --label-tracking: 0.08em; --label-family: var(--font-mono); --meta-size: 13px; --meta-line: 1.5; --meta-weight: 400; --meta-family: var(--font-mono); --code-size: 14px; --code-line: 1.6; --code-weight: 400; --code-family: var(--font-mono); --quote-size: 24px; --quote-line: 1.45; --quote-weight: 450; --quote-tracking: -0.01em; --quote-family: var(--font-sans); --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --radius-sm: 4px; --radius-md: 7px; --radius-lg: 12px; --radius-pill: 999px; --container: 960px; --measure: 680px; --shadow-pop: 0 8px 24px rgba(17, 18, 20, 0.10); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --surface-100: #141210; --surface-200: #1d1a16; --surface-300: #26221c; --ink-900: #f3f0ea; --ink-600: #a9a49b; --ink-400: #7a756c; --clay-600: #e0603c; --clay-700: #ea6a45; --clay-fill: #8f2d1a; --clay-fill-deep: #7c2716; --on-clay: #fff6ef; --ok-600: #6cc493; --warn-600: #d9a84e; --line-200: #2e2a24; --line-300: #3a352d; --focus: var(--clay-600); --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.45); } } :root[data-theme="dark"] { --surface-100: #141210; --surface-200: #1d1a16; --surface-300: #26221c; --ink-900: #f3f0ea; --ink-600: #a9a49b; --ink-400: #7a756c; --clay-600: #e0603c; --clay-700: #ea6a45; --clay-fill: #8f2d1a; --clay-fill-deep: #7c2716; --on-clay: #fff6ef; --ok-600: #6cc493; --warn-600: #d9a84e; --line-200: #2e2a24; --line-300: #3a352d; --focus: var(--clay-600); --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.45); }