/* tokens.css — дизайн-токены по preview.html + локальные шрифты (self-host). */
/* --- Шрифты: сначала @font-face, потом переменные стека ------------------------ */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/site/fonts/Oswald-500-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/site/fonts/Oswald-500-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/assets/site/fonts/Oswald-600-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/assets/site/fonts/Oswald-600-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/site/fonts/Oswald-700-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/site/fonts/Oswald-700-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/site/fonts/PTSans-400-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/site/fonts/PTSans-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/site/fonts/PTSans-700-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/site/fonts/PTSans-700-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/site/fonts/PTMono-400-cyrillic.woff2') format('woff2');
unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F;
}
@font-face {
font-family: 'PT Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/site/fonts/PTMono-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* --- Токены цвета (Официальная палитра брендбука) ------------------------------- */
:root {
/* Основная палитра */
--brand-primary: #006C76; /* PANTONE 323C — Основной тёмно-бирюзовый */
--brand-gray: #46464B; /* PANTONE COOL GRAY 10 — Серый */
--brand-light: #E0EFF3; /* PANTONE 565C — Светлый мятный */
/* Дополнительная палитра */
--brand-teal: #35C4B5; /* PANTONE 7465C — Бирюзовый */
--brand-blue: #0098DB; /* PANTONE 2925C — Голубой */
--brand-navy: #031F73; /* PANTONE 2748C — Тёмно-синий */
--brand-orange: #FF7900; /* PANTONE 151C — Оранжевый */
--brand-purple: #7D5CC6; /* PANTONE 2665C — Фиолетовый */
--brand-red: #D2492A; /* PANTONE 173C — Красный */
/* Семантические цвета интерфейса */
--color-text: #46464B;
--color-heading: #006C76;
--color-link: #006C76;
--color-link-hover: #0098DB;
--color-background-soft: #E0EFF3;
--color-border: rgba(70, 70, 75, 0.2);
--color-header-bg: #144049;
/* Совместимость со всеми ранее использованными именами токенов */
--navy: #006C76;
--navy-deep: #004f57;
--sky: #006C76;
--sky-light: #0098DB;
--cloud: #F7FAFC;
--strato: #E0EFF3;
--titan: #46464B;
--beacon: #FF7900;
--line: rgba(70, 70, 75, 0.2);
/* Производные семантические токены */
--on-dark: #FFFFFF;
--on-dark-muted: rgba(255, 255, 255, 0.85);
--on-dark-dim: rgba(255, 255, 255, 0.55);
--on-dark-faint: rgba(255, 255, 255, 0.12);
--on-dark-faint-2: rgba(255, 255, 255, 0.08);
--on-dark-faint-3: rgba(255, 255, 255, 0.85);
--on-dark-alpha-010: rgba(255, 255, 255, 0.10);
--on-dark-alpha-035: rgba(255, 255, 255, 0.35);
--on-dark-alpha-050: rgba(255, 255, 255, 0.50);
--on-dark-alpha-065: rgba(255, 255, 255, 0.65);
--on-dark-alpha-082: rgba(255, 255, 255, 0.88);
--media-video-overlay: rgba(0, 108, 118, 0.40);
--text-body: #46464B;
--surface-card: #FFFFFF;
/* Переменные шрифтов */
--font-head: 'Oswald', 'PT Sans Narrow', 'Arial Narrow', sans-serif;
--font-body: 'PT Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
--font-mono: 'PT Mono', 'SF Mono', Menlo, Consolas, monospace;
--header-height: 88px;
}