/* Дизайн-токены «Окно».
   Идея: холодный «мокрый» асфальт + нефтяной синий как основной цвет,
   сигнальный жёлтый (как табло автомоек) — только для окон простоя и смарт-предложений. */

:root {
  --font-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Unbounded", "Onest", system-ui, sans-serif;

  /* поверхности */
  --bg: #eaeff3;
  --panel: #ffffff;
  --panel-2: #f5f8fa;
  --line: #d5dde4;
  --line-strong: #b9c5cf;

  /* текст */
  --ink: #142230;
  --ink-2: #445566;
  --ink-3: #6b7d8d;
  --ink-inverse: #ffffff;

  /* бренд */
  --primary: #0b5563;
  --primary-hover: #08434e;
  --primary-soft: #dcecef;
  --signal: #f5c518;
  --signal-ink: #3d2f00;
  --signal-soft: #fdf2c4;

  /* статусы */
  --st-booked: #2f6fb3;
  --st-booked-soft: #e1ecf8;
  --st-arrived: #6d4fd8;
  --st-arrived-soft: #ece7fb;
  --st-work: #0b5563;
  --st-work-soft: #d9ebee;
  --st-ready: #1e8a5e;
  --st-ready-soft: #dcf2e7;
  --st-hold: #b7791f;
  --st-hold-soft: #fbefd9;
  --st-done: #6b7d8d;
  --st-done-soft: #e9eef2;
  --st-bad: #c73b30;
  --st-bad-soft: #fbe3e1;

  --focus: #1b7fd6;
  --now: #d7372b;

  /* форма */
  --r-panel: 14px;
  --r-control: 9px;
  --r-chip: 999px;
  --shadow-float: 0 12px 32px -12px rgba(16, 36, 52, 0.28), 0 2px 6px rgba(16, 36, 52, 0.08);

  /* ритм */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;

  --sidebar-w: 236px;
  --topbar-h: 64px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e161d;
    --panel: #151f28;
    --panel-2: #1a2631;
    --line: #26343f;
    --line-strong: #364754;
    --ink: #e5ecf1;
    --ink-2: #b3c1cc;
    --ink-3: #8597a5;
    --primary: #3fa7b8;
    --primary-hover: #5cbac9;
    --primary-soft: #16343b;
    --signal: #f2c73a;
    --signal-ink: #2a2000;
    --signal-soft: #3a3212;
    --st-booked: #6ea6e6;
    --st-booked-soft: #1b2d42;
    --st-arrived: #a592f2;
    --st-arrived-soft: #2a2447;
    --st-work: #3fa7b8;
    --st-work-soft: #16343b;
    --st-ready: #4cc08e;
    --st-ready-soft: #173628;
    --st-hold: #e0a84d;
    --st-hold-soft: #3a2d15;
    --st-done: #8597a5;
    --st-done-soft: #222e38;
    --st-bad: #ef7268;
    --st-bad-soft: #3d1f1d;
    --focus: #5aa9ff;
    --now: #ff6155;
    --shadow-float: 0 16px 40px -12px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.3);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0e161d;
  --panel: #151f28;
  --panel-2: #1a2631;
  --line: #26343f;
  --line-strong: #364754;
  --ink: #e5ecf1;
  --ink-2: #b3c1cc;
  --ink-3: #8597a5;
  --primary: #3fa7b8;
  --primary-hover: #5cbac9;
  --primary-soft: #16343b;
  --signal: #f2c73a;
  --signal-ink: #2a2000;
  --signal-soft: #3a3212;
  --st-booked: #6ea6e6;
  --st-booked-soft: #1b2d42;
  --st-arrived: #a592f2;
  --st-arrived-soft: #2a2447;
  --st-work: #3fa7b8;
  --st-work-soft: #16343b;
  --st-ready: #4cc08e;
  --st-ready-soft: #173628;
  --st-hold: #e0a84d;
  --st-hold-soft: #3a2d15;
  --st-done: #8597a5;
  --st-done-soft: #222e38;
  --st-bad: #ef7268;
  --st-bad-soft: #3d1f1d;
  --focus: #5aa9ff;
  --now: #ff6155;
  --shadow-float: 0 16px 40px -12px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.3);
  color-scheme: dark;
}