/* Сайт операторов (1а): из утверждённых макетов `docs/design/mockups/operators-couriers/platform.css` (Р256, 14.10.2026); правки сайта — в `operator.css`. */
/* Вид платформы UserVanya (Р108, 05.10.2026) — для сайта операторов и панели администратора: нейтральный, не под
   заведение. Цвета — из логотипа владельца (docs/design/platform/README.md): тёмно-синий букв, синий перелив буквы V,
   квадратики-«пиксели». Шрифт — как у пульта (web-control): Geologica, цифры табличные, время — JetBrains Mono.

   Роли цвета — те же имена, что у темы заведения (theme-shushu.css): общие детали (components.css — кнопки, поля,
   меню, окна) берут вид платформы сами, без второй копии. Страница платформы подключает этот файл вместо темы
   заведения. Каждая роль задана парой light-dark(светлая, тёмная): тема — как в системе; data-theme="light" или
   "dark" на <html> её закрепляет (платформа — platform.js, по параметру адреса theme).
   Контраст текста — не ниже 4,5 на обеих темах (подбор — проверки tests/design/test_orders_staff.py). */

@font-face { font-family: 'Geologica'; font-weight: 300 700; font-display: swap;
  src: url('/fonts/geologica-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Geologica'; font-weight: 300 700; font-display: swap;
  src: url('/fonts/geologica-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400 500; font-display: swap;
  src: url('/fonts/jetbrains-mono-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400 500; font-display: swap;
  src: url('/fonts/jetbrains-mono-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: light dark;

  /* Палитра логотипа — как снята с файла владельца */
  --pf-navy: #172647;       /* буква U и подпись «UserVanya» */
  --pf-night: #0F1A3A;      /* тёмные квадратики */
  --pf-v-low: #22448B;      /* перелив буквы V: низ */
  --pf-v-mid: #4D78E0;      /*                  середина */
  --pf-v-top: #608EFD;      /*                  верх */
  --pf-pixel: #4D80EB;      /* синий квадратиков */
  --pf-pixel-2: #4067D0;

  /* Роли темы: светлая — холодный светлый фон, белые карточки, тонкие рамки; тёмная — ночь и синь логотипа */
  --page: light-dark(#F2F5FA, var(--pf-night));
  --panel: light-dark(#FFFFFF, var(--pf-navy));
  --card: light-dark(#F7F9FC, #132042);
  --cream: light-dark(#E8EDF6, #22335C);        /* мягкая заливка: счётчики, сегменты, пройденные шаги */
  --ink: light-dark(var(--pf-navy), #E8EDF8);
  --muted: light-dark(#56627E, #A9B5D0);
  --gold: light-dark(var(--pf-v-mid), var(--pf-v-top));    /* знак, значки, рамка поля в фокусе */
  --gold2: light-dark(var(--pf-v-top), #86A9FD);           /* наведение, рамка флажка */
  --accent: light-dark(#3159C2, #8DAEFF);       /* кнопки и текст действий: середина перелива, темнее — для белого */
  --accent-hover: light-dark(var(--pf-v-low), #B0C7FF);
  --on-accent: light-dark(#FFFFFF, var(--pf-night));
  --border: light-dark(#D6DDEA, #31446F);
  --border2: light-dark(#E2E7F0, #283A63);
  --focus: light-dark(var(--pf-v-mid), #8DAEFF);
  --tint: light-dark(rgb(77 120 224 / 0.08), rgb(96 142 253 / 0.14));
  --veil: light-dark(rgb(15 26 58 / 0.45), rgb(0 0 0 / 0.6));

  /* Смысловые — свои, не синие: хорошо, внимание, беда */
  --ok: light-dark(#1D7A4B, #5CCB92);
  --warn: light-dark(#9A5B00, #F0B54A);
  --err: light-dark(#C0352B, #FF8A7A);
  --info: light-dark(#56627E, #A9B5D0);

  /* Тёмная плашка (тост, отметка курьера) — на тёмной теме наоборот светлая; «позже» — сиреневый, не синий */
  --dark: light-dark(var(--pf-navy), #E8EDF8);
  --footbg: light-dark(var(--pf-navy), #E8EDF8);
  --footink: light-dark(#EEF2FA, var(--pf-night));
  --footmuted: light-dark(#A9B5D0, #56627E);
  --footline: light-dark(rgb(96 142 253 / 0.25), rgb(15 26 58 / 0.2));
  --lilac: light-dark(#E7E4F7, #302D5E);
  --pistachio: light-dark(#DDEFE4, #1E3B2E);
  --terra: light-dark(#B4532A, #F09A6E);

  /* Подложка знака: на тёмной теме тёмно-синяя буква U не видна — знак стоит на светлой плитке */
  --mark-pad: light-dark(transparent, #F2F5FA);

  /* Цвета маршрутов курьеров на карте (Р125): у каждого курьера свой — не синий платформы и не смысловые
     (зелёный, янтарный, красный — это сроки заказов). Буква на кружке курьера — --on-accent: белая на светлой теме,
     ночная на тёмной; контраст не ниже 4,5. */
  --route-1: light-dark(#6B46D9, #B9A5FF);   /* фиолетовый */
  --route-2: light-dark(#0B7A87, #5ED0DD);   /* бирюзовый */
  --route-3: light-dark(#B42E6E, #F58DBF);   /* малиновый */
  --route-4: light-dark(#4D5B7C, #AEBBD9);   /* сланцевый */

  /* Свой цвет заказа на карте и у строки ленты (Р290, И480): восемь различимых, без красного и оранжевого — красный
     у «!» «опаздывает», оранжевый (--going) у обводки «везут». Номер на метке — --on-accent, контраст не ниже 4,5. */
  --hue-1: light-dark(#1565C0, #8CB8F5);     /* синий */
  --hue-2: light-dark(#2E7D32, #7FD08A);     /* зелёный */
  --hue-3: light-dark(#8E24AA, #DA95EC);     /* пурпурный */
  --hue-4: light-dark(#6D4C41, #D2B19F);     /* коричневый */
  --hue-5: light-dark(#00796B, #6FD6C6);     /* морская волна */
  --hue-6: light-dark(#C2185B, #F590B9);     /* розовый */
  --hue-7: light-dark(#37474F, #C5CDD3);     /* графит (не индиго: тот путался с пурпурным, разбор Р290) */
  --hue-8: light-dark(#5F6B00, #C9D46A);     /* оливковый */
  --going: light-dark(#E07B00, #FFB25B);     /* обводка «везут» */

  /* Тени — те же три уровня токенов, но холодные (синие), на тёмной — глубже */
  --shadow-1: 0 1px 2px light-dark(rgb(15 26 58 / 0.06), rgb(0 0 0 / 0.3)), 0 4px 12px light-dark(rgb(15 26 58 / 0.06), rgb(0 0 0 / 0.25));
  --shadow-2: 0 8px 24px light-dark(rgb(15 26 58 / 0.12), rgb(0 0 0 / 0.4));
  --shadow-3: 0 24px 64px light-dark(rgb(15 26 58 / 0.2), rgb(0 0 0 / 0.5));

  --font-text: 'Geologica', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-title: 'Geologica', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-num: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }