/* Копия токенов «Терминала» из прода FOS (D-UX-25, 31 § 9): resources/css/fos-theme.css, строки 24-173
   (блоки :root и .dark без @theme, @utility и правил :root.fos-terminal). Источник и sha256 — SOURCE. */

:root {
  --fos-font: "Jura", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* цвет, светлая тема (холодная бумага) */
  --fos-canvas: #F3F5F8;
  --fos-canvas-dot: #D3D9E3;
  --fos-surface: #FFFFFF;
  --fos-surface-2: #F7F8FA;
  --fos-surface-3: #EEF1F5;
  --fos-line: #E2E6EC;
  --fos-line-2: #CBD2DC;
  --fos-fg: #0E1117;
  --fos-fg-2: #434B5A;
  --fos-fg-3: #5C6575;
  --fos-accent: #465FFF;
  --fos-accent-hover: #3641F5;
  --fos-accent-press: #2A31D8;
  --fos-accent-ink: #3641F5;
  --fos-accent-soft: #EEF1FF;
  --fos-accent-line: #C3CCFF;
  --fos-on-accent: #FFFFFF;
  --fos-up: #0A7A4B;
  --fos-up-fill: #0A7A4B;
  --fos-up-soft: #E5F4EC;
  --fos-down: #C8282D;
  --fos-down-fill: #C8282D;
  --fos-down-soft: #FCEBEB;
  --fos-wait: #985C00;
  --fos-wait-soft: #FFF3DA;
  --fos-personal: #E3A600;
  --fos-personal-ink: #8A5F00;
  --fos-business: #8B5CF6;
  --fos-business-ink: #6A3DD3;
  --fos-heat-0: #E9EDF2;
  --fos-heat-1: #C8D1FF;
  --fos-heat-2: #97A8FF;
  --fos-heat-3: #6A80FF;
  --fos-heat-4: #3641F5;
  --fos-scrim: rgba(14, 17, 23, .42);
  --fos-sel: rgba(70, 95, 255, .18);
  --fos-ring: rgba(70, 95, 255, .38);
  --fos-ring-soft: rgba(70, 95, 255, .12);
  --fos-skel-a: #EEF1F5;
  --fos-skel-b: #F8F9FB;
  /* тени, светлая тема */
  --fos-shadow-card: 0 1px 0 rgba(14, 17, 23, .03);
  --fos-shadow-pop: 0 0 0 1px rgba(14, 17, 23, .07), 0 14px 32px -12px rgba(14, 17, 23, .26), 0 2px 6px -2px rgba(14, 17, 23, .08);
  --fos-shadow-press: inset 0 1px 2px rgba(14, 17, 23, .12);
  --fos-btn-hl: inset 0 1px 0 rgba(255, 255, 255, .18);
  --fos-halo-o: .22; /* Непрозрачность ореола шара-логотипа. */
  /* радиусы */
  --fos-radius-card: 10px;
  --fos-radius-tile: 8px;
  --fos-radius-ctl: 6px;
  --fos-radius-chip: 4px;
  /* отступы: шаг 4 совпадает со шкалой Tailwind (p-1 = 4px ... p-8 = 32px) */
  --fos-space-1: 4px;
  --fos-space-2: 8px;
  --fos-space-3: 12px;
  --fos-space-4: 16px;
  --fos-space-5: 20px;
  --fos-space-6: 24px;
  --fos-space-8: 32px;
  --fos-pad-card: 20px;
  --fos-pad-card-sm: 16px;
  --fos-gap-cards: 16px;
  /* шкала текста: размер / интерлиньяж; вес и разрядка - в @theme ниже */
  --fos-text-40: 40px; --fos-text-40-lh: 44px;
  --fos-text-28: 28px; --fos-text-28-lh: 32px;
  --fos-text-24: 24px; --fos-text-24-lh: 30px;
  --fos-text-20: 20px; --fos-text-20-lh: 26px;
  --fos-text-16: 16px; --fos-text-16-lh: 22px;
  --fos-text-14: 14px; --fos-text-14-lh: 20px;
  --fos-text-13: 13px; --fos-text-13-lh: 18px;
  --fos-text-12: 12px; --fos-text-12-lh: 16px;
  --fos-tracking-12: 0.02em;
  --fos-tracking-13: 0.012em;
  --fos-tracking-caps: 0.12em;
  /* движение */
  --fos-dur-fast: 100ms;
  --fos-dur-base: 140ms;
  --fos-dur-slow: 160ms;
  --fos-dur-tick: 360ms;
  --fos-dur-scan: 520ms;
  --fos-ease: cubic-bezier(.2, .7, .2, 1);
  --fos-ease-io: cubic-bezier(.45, 0, .2, 1);
  /* каркас */
  --fos-sidebar-w: 272px;
  --fos-sidebar-mini: 72px;
  --fos-drawer-w: 288px;
  --fos-header-h: 60px;
  --fos-side-col: 340px;
  --fos-page-gutter: 24px;
  /* color-scheme брендбука ставится не здесь, а под :root.fos-terminal ниже: на :root он затронул бы
     встроенные элементы (поля, скроллбары) в кабинетах, которые редизайн не касается. */
}

/* тёмная тема: графит с синеватым оттенком.
   Отступление от брендбука (05.10.2026, по отзыву клиентов: прежняя тёмно-синяя подложка нравилась больше).
   У брендбука фоны, линии, скелетон и пустая ячейка тепловой карты - нейтральный графит (#0D0F14, #13161D...).
   Здесь у них та же светлота OKLCH, оттенок 262 и насыщенность в 1.8 раза выше (линии - в 1.55): контраст
   текста к фону не изменился (fg на surface 15.0:1, fg-3 5.8:1). Прежний TailAdmin был синее (C 0.034 против 0.027). */
.dark {
  --fos-canvas: #070D1B;
  --fos-canvas-dot: #111C36;
  --fos-surface: #0A1327;
  --fos-surface-2: #0D172F;
  --fos-surface-3: #111D3B;
  --fos-line: #192441;
  --fos-line-2: #253356;
  --fos-fg: #E7EAF0;
  --fos-fg-2: #AAB1BE;
  --fos-fg-3: #8A92A1;
  --fos-accent: #465FFF;
  --fos-accent-hover: #4B63FF;
  --fos-accent-press: #3641F5;
  --fos-accent-ink: #8C9EFF;
  --fos-accent-soft: #1A1F3F;
  --fos-accent-line: #34418C;
  --fos-on-accent: #FFFFFF;
  --fos-up: #34C784;
  --fos-up-fill: #0A7A4B;
  --fos-up-soft: #10281E;
  --fos-down: #FF6B6B;
  --fos-down-fill: #C8282D;
  --fos-down-soft: #2C1618;
  --fos-wait: #F2B53A;
  --fos-wait-soft: #2A2214;
  --fos-personal: #F2B705;
  --fos-personal-ink: #F4C743;
  --fos-business: #A78BFA;
  --fos-business-ink: #BBA4FF;
  --fos-heat-0: #121D37;
  --fos-heat-1: #26305C;
  --fos-heat-2: #33449A;
  --fos-heat-3: #4A60E8;
  --fos-heat-4: #8C9EFF;
  --fos-scrim: rgba(0, 0, 0, .6);
  --fos-sel: rgba(113, 134, 255, .28);
  --fos-ring: rgba(140, 158, 255, .45);
  --fos-ring-soft: rgba(113, 134, 255, .18);
  --fos-skel-a: #101A31;
  --fos-skel-b: #142144;
  --fos-shadow-card: inset 0 1px 0 rgba(255, 255, 255, .03);
  --fos-shadow-pop: 0 0 0 1px rgba(255, 255, 255, .07), 0 18px 40px -12px rgba(0, 0, 0, .75);
  --fos-shadow-press: inset 0 1px 2px rgba(0, 0, 0, .5);
  --fos-btn-hl: inset 0 1px 0 rgba(255, 255, 255, .14);
  --fos-halo-o: .4;
}