/* «Серебряные нити» — токены. Сгенерировано tools/build.py из design-system/project/tokens.json. Не править руками. */

/* Светлая */
:root, [data-theme="light"] {
  --sn-bg: #ffffff;
  --sn-surface: #f5f4f1;
  --sn-surface-alt: #ecebe6;
  --sn-surface-deep: #132882;
  --sn-text: #1a1d23;
  --sn-text-muted: #545d68;
  --sn-heading: #132882;
  --sn-brand: #132882;
  --sn-brand-hover: #0b1a56;
  --sn-on-brand: #ffffff;
  --sn-on-deep: #ffffff;
  --sn-on-deep-muted: #b4c8cd;
  --sn-link: #132882;
  --sn-accent-silver: #b4c8cd;
  --sn-silver-fill: #e3eaec;
  --sn-on-silver: #132882;
  --sn-thread: #6e8c96;
  --sn-thread-soft: #b4c8cd;
  --sn-line: #dfe3e5;
  --sn-border-control: #6e8c96;
  --sn-focus: #132882;
  --sn-status-open: #1c6b3c;
  --sn-status-closed: #545d68;
  --sn-status-soon: #8a4b00;
  --sn-placeholder: #e9ecee;
  --sn-logo-ink: #002882;
  --sn-logo-steel: #6e8c96;
  --sn-logo-light: #b4c8cd;
  --brand-blue: #132882;
  --brand-blue-logo: #002882;
  --brand-steel: #6e8c96;
  --brand-steel-light: #b4c8cd;
  --brand-blue-deep: #0b1a56;
  --shadow-card: 0 1px 2px rgba(19,40,130,0.06), 0 4px 16px rgba(19,40,130,0.05);
}

/* Серебряная */
[data-theme="silver"] {
  --sn-bg: #eef2f3;
  --sn-surface: #f8fafa;
  --sn-surface-alt: #dce5e8;
  --sn-surface-deep: #c7d3d7;
  --sn-text: #1f2a33;
  --sn-text-muted: #46545e;
  --sn-heading: #1f2a33;
  --sn-brand: #132882;
  --sn-brand-hover: #0b1a56;
  --sn-on-brand: #ffffff;
  --sn-on-deep: #1f2a33;
  --sn-on-deep-muted: #3f4d57;
  --sn-link: #132882;
  --sn-accent-silver: #9fb3b9;
  --sn-silver-fill: #ffffff;
  --sn-on-silver: #132882;
  --sn-thread: #4f6b75;
  --sn-thread-soft: #9fb3b9;
  --sn-line: #c7d3d7;
  --sn-border-control: #5f7a84;
  --sn-focus: #132882;
  --sn-status-open: #1b6338;
  --sn-status-closed: #46545e;
  --sn-status-soon: #7a4300;
  --sn-placeholder: #dce5e8;
  --sn-logo-ink: #002882;
  --sn-logo-steel: #002882cc;
  --sn-logo-light: #00288266;
  --brand-blue: #132882;
  --brand-blue-logo: #002882;
  --brand-steel: #6e8c96;
  --brand-steel-light: #b4c8cd;
  --brand-blue-deep: #0b1a56;
  --shadow-card: 0 1px 2px rgba(31,42,51,0.08);
}

/* Синяя с серебром */
[data-theme="blue"] {
  --sn-bg: #0b1a56;
  --sn-surface: #132882;
  --sn-surface-alt: #1a3292;
  --sn-surface-deep: #07123f;
  --sn-text: #ffffff;
  --sn-text-muted: #b4c8cd;
  --sn-heading: #ffffff;
  --sn-brand: #d5dee1;
  --sn-brand-hover: #ffffff;
  --sn-on-brand: #132882;
  --sn-on-deep: #ffffff;
  --sn-on-deep-muted: #b4c8cd;
  --sn-link: #d5e3e8;
  --sn-accent-silver: #b4c8cd;
  --sn-silver-fill: #b4c8cd;
  --sn-on-silver: #0b1a56;
  --sn-thread: #8fa9b1;
  --sn-thread-soft: #3d5596;
  --sn-line: #2a3f9a;
  --sn-border-control: #8fa9b1;
  --sn-focus: #ffffff;
  --sn-status-open: #9fe0b5;
  --sn-status-closed: #b4c8cd;
  --sn-status-soon: #f2c78a;
  --sn-placeholder: #1a3292;
  --sn-logo-ink: #ffffff;
  --sn-logo-steel: #ffffffd9;
  --sn-logo-light: #ffffff73;
  --brand-blue: #132882;
  --brand-blue-logo: #002882;
  --brand-steel: #6e8c96;
  --brand-steel-light: #b4c8cd;
  --brand-blue-deep: #0b1a56;
  --shadow-card: none;
}

:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --container: 1240px;
  --gutter: 24px;
  --columns: 12;
  --page-margin-mobile: 16px;
  --thread-hair: 1px;
  --thread-bold: 1.5px;
  --node-size: 7px;
  --font-display: "Manrope", "Golos Text", system-ui, sans-serif;
  --font-text: "Golos Text", system-ui, sans-serif;
}

.display-72 { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 300; letter-spacing: -0.01em; }
.heading-52 { font-family: var(--font-display); font-size: 52px; line-height: 58px; font-weight: 300; letter-spacing: -0.005em; }
.heading-36 { font-family: var(--font-display); font-size: 36px; line-height: 44px; font-weight: 400; }
.heading-28 { font-family: var(--font-display); font-size: 28px; line-height: 36px; font-weight: 500; }
.accent-caps { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 300; letter-spacing: 0.32em; }
.title-22 { font-family: var(--font-text); font-size: 22px; line-height: 30px; font-weight: 500; }
.lead-18 { font-family: var(--font-text); font-size: 18px; line-height: 28px; font-weight: 400; }
.body-16 { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; }
.ui-16 { font-family: var(--font-text); font-size: 16px; line-height: 20px; font-weight: 500; }
.small-14 { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.eyebrow-14 { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.14em; }

@font-face { font-family: "Golos Text"; src: url("../fonts/GolosText-Variable.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }