/* Те же файлы, что в site.css: админка подключает только этот лист. */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/manrope-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/manrope-latin-400-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/manrope-cyrillic-500-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/manrope-latin-500-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/manrope-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/manrope-latin-600-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/manrope-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/manrope-latin-700-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/manrope-cyrillic-800-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/manrope-latin-800-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/unbounded-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/unbounded-latin-400-normal.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+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/caveat-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

:root {
  --brand: #FF6933;
  --brand-hover: #E85A27;
  --brand-ink: #C2410C;
  --brand-soft: #FFE9DF;
  --ink: #1C1A22;
  --ink-2: #55525C;
  --bg: #FAF6F1;
  --card: #FFFFFF;
  --line: #ECE6DF;
  --night: #14111A;
  --ok: #2E8B57;
  --warn: #C77700;
  --ok-ink: #146C3A;
  --warn-ink: #8A5A00;
  --on-brand: #1C1A22;
  --link: #9E3410;
  --orange: var(--brand);
  --orange-deep: var(--brand-hover);
  --orange-line: #FF8B62;
  --orange-strong: var(--brand);
  --orange-soft: var(--brand-soft);
  --blue: #094BFF;
  --pink: #FF5577;
  --red: #DE1445;
  --night-2: #0C0A10;
  --surface: var(--card);
  --surface-2: #FFFCF9;
  --on-dark: #FFFFFF;
  --on-dark-2: #D4D0D8;
  --ok-bg: #E5F4EC;
  --warn-bg: #FFF3DE;
  --err: #9E2A24;
  --err-bg: #FDE8E8;
  --font: 'Manrope', 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'Unbounded', 'Manrope', system-ui, sans-serif;
  --font-nav: 'Onest', 'Manrope', system-ui, sans-serif;
  --font-display: 'Space Age', var(--font);
  --fs-xs: 16px;
  --fs-sm: 16px;
  --fs-md: 18px;
  --fs-lg: 22px;
  --fs-h3: 22px;
  --fs-h2: 28px;
  --fs-h1: 36px;
  --fs-display: 48px;
  --fs-stat: 32px;
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;
  --gap: 16px;
  --gap-lg: 24px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  /* Воздух между блоками (задача дизайнера 22.10.2026): минимум по вертикали между соседними блоками */
  --space-block: 16px;
  --space-section: 24px;
  --space-btn-gap: 12px;
  --container: 1120px;
  --container-narrow: 640px;
  --tap: 52px;
  --shadow: 0 2px 12px rgba(28, 26, 34, .06);

  /* Макет «Главная страница» (Figma, 02.10.2026): цвет героя и подвала */
  --hero-bg: #FB964D;
  --hero-ink: #FFFFFF;
  --hero-glass: rgba(255, 255, 255, .1);
  --hero-glass-2: rgba(255, 255, 255, .18);
  --hero-line: rgba(255, 255, 255, .45);
  --card-accent: #F5501A;
  --card-accent-deep: #E0400C;
  --card-ink: #1B1210;
  --card-ink-2: #7A6A64;
  --card-tile: #FFF4EE;
  --card-track: #FFE3D6;
  --pill-ink: #1B1210;
  --foot-bg: #14111A;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --r-xl: 40px;
  --r-card: 24px;
}

/* Кабинет по макету Figma «Кабинет (Основа + мобил.)», 13.10.2026. Акцент берётся из --brand
   (переключатель цвета оформления работает), текст на оранжевом — тёмный или белый на тёмном градиенте (AA). */
:root {
  --cab-bg: #F2F1ED;
  --cab-side: #FBFAF7;
  --cab-line: #E3E0D8;
  --cab-ink: #14231F;
  --cab-ink-2: #4F5954;
  --cab-muted: #5E6862;
  --cab-nav-on: #EAF0EC;
  --cab-accent: var(--brand);
  --cab-accent-deep: var(--brand-ink);
  --cab-peach: #FFF3EC;
  --cab-peach-2: #FFE3D3;
  --cab-hero-a: color-mix(in srgb, var(--brand) 40%, var(--brand-ink));
  --cab-hero-b: var(--brand-ink);
  --cab-bar-1: color-mix(in srgb, var(--brand) 88%, #fff);
  --cab-bar-2: color-mix(in srgb, var(--brand) 55%, #fff);
  --cab-bar-3: color-mix(in srgb, var(--brand) 22%, #fff);
  --cab-locked: #EFEDE7;
  --cab-locked-line: #D7D7D7;
  /* ступень «Шаг дня» и тариф: градиент ровно из макета Figma 149:1283 (линейный 148.3° #FB8B47 → #F5501A и
     радиальный блик белым 25% → 0 в точке 85% / 5%, радиус 70%); затемняющего слоя нет, читаемость — размером и тенью текста */
  --cab-hero-from: #ED6A29;
  --cab-hero-to: #F5501A;
  --cab-hero-bg:
    radial-gradient(ellipse 70% 70% at 85% 5%, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0)),
    linear-gradient(148.3deg, var(--cab-hero-from), var(--cab-hero-to));
  --cab-hero-text-shadow: 0 1px 2px rgba(0, 0, 0, .18);
  /* Меню (макет Figma 149:1283 «Меню», 149:1423 «Меню»): свои токены, чтобы не трогать --brand-ink глобально */
  --menu-accent: #F76B35;
  --menu-indicator: #F55921;
  --menu-logo: #F55921;
  --menu-pill: #FFE3D3;
  --menu-text: #556059;
  --menu-text-tab: #667069;
  --menu-text-active: #14231F;
  --menu-divider: #CED4DA;
  --menu-avatar-a: #FFAE88;
  --menu-avatar-b: #F5501A;
  --menu-user-sub: #6D766F;
  /* кнопка «Написать Вите» (макет 149:1363): #F76B35, белый текст */
  --cab-cta: #F76B35;
  --cab-cta-hover: #E85F2A;
  --cab-cta-ink: #FFFFFF;
  --cab-r: 20px;
  --cab-r-lg: 28px;
  --cab-side-w: 248px;
}

/* Три цвета оформления. Переключатель — public/js/site.js, ключ localStorage biocode_accent.
   Карточка-пример в герое всегда оранжевая (так в макете для всех трёх цветов). */
:root[data-accent="coral"] {
  --cab-cta: var(--brand);
  --cab-cta-hover: var(--brand-hover);
  --cab-cta-ink: var(--on-brand);
  --menu-accent: var(--brand-ink);
  --menu-indicator: var(--brand);
  --menu-logo: var(--brand-ink);
  --menu-pill: #FFE3D3;
  --menu-text: var(--cab-ink-2);
  --menu-text-tab: var(--cab-muted);
  --menu-text-active: var(--cab-ink);
  --menu-divider: var(--cab-line);
  --menu-avatar-a: var(--cab-hero-a);
  --menu-avatar-b: var(--cab-hero-b);
  --menu-user-sub: var(--cab-muted);
  --cab-hero-from: #FF6A45;
  --cab-hero-to: #E8471F;
  --hero-bg: #FF6A45;
  --brand: #FF5A36;
  --brand-hover: #E8471F;
  --brand-ink: #B8321A;
  --brand-soft: #FFE7DF;
  --link: #A12E17;
  --orange-line: #FF8E73;
}
:root[data-accent="mint"] {
  --cab-cta: var(--brand);
  --cab-cta-hover: var(--brand-hover);
  --cab-cta-ink: var(--on-brand);
  --menu-accent: var(--brand-ink);
  --menu-indicator: var(--brand);
  --menu-logo: var(--brand-ink);
  --menu-pill: #FFE3D3;
  --menu-text: var(--cab-ink-2);
  --menu-text-tab: var(--cab-muted);
  --menu-text-active: var(--cab-ink);
  --menu-divider: var(--cab-line);
  --menu-avatar-a: var(--cab-hero-a);
  --menu-avatar-b: var(--cab-hero-b);
  --menu-user-sub: var(--cab-muted);
  --cab-hero-from: #2B9C92;
  --cab-hero-to: #0F6B63;
  --hero-bg: #68C4BC;
  --brand: #3DB3A8;
  --brand-hover: #2B9C92;
  --brand-ink: #0F6B63;
  --brand-soft: #DDF3F0;
  --link: #0D665E;
  --orange-line: #8AD6CF;
  --bg: #F3F7F6;
  --line: #DCE7E5;
  --surface-2: #FAFDFC;
}