/* Токены VRN SYSTEMS: стиль BoevLab Apple, акцент — фирменный жёлтый VRN Logistic (docs/design.md). */
:root {
  --ground: #f5f5f7;
  --surface: #ffffff;
  --surface-2: #f5f5f7;
  --ink: #131313;
  --ink-soft: #515154;
  --ink-faint: #6e6e73;
  --hairline: #e0e0e0;
  --rule: #f0f0f0;
  --fill: rgba(0, 0, 0, .05);
  --fill-strong: rgba(0, 0, 0, .09);
  --brand: #ffe41d;
  --brand-strong: #f2d600;
  --on-brand: #131313;
  --link: #131313;
  --focus: #131313;
  --island: rgba(255, 255, 255, .78);
  --tabbar: rgba(250, 250, 252, .94);
  --seg-on: #ffffff;
  --overlay: rgba(0, 0, 0, .32);

  /* смысловые цвета данных: текст и подложка */
  --good: #1d7f3a;      --good-bg: rgba(48, 209, 88, .16);
  --go: #0b63c4;        --go-bg: rgba(10, 132, 255, .13);
  --warn: #9a5200;      --warn-bg: rgba(255, 140, 0, .16);
  --bad: #c9231b;       --bad-bg: rgba(255, 59, 48, .12);
  --muted-bg: rgba(0, 0, 0, .06);

  --r-s: 8px; --r-m: 11px; --r-l: 18px; --r-xl: 24px; --r-xxl: 28px;
  --font: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #000000; --surface: #1d1d1f; --surface-2: #272729;
    --ink: #f5f5f7; --ink-soft: #c7c7cc; --ink-faint: #98989d;
    --hairline: rgba(255, 255, 255, .14); --rule: rgba(255, 255, 255, .08);
    --fill: rgba(255, 255, 255, .08); --fill-strong: rgba(255, 255, 255, .14);
    --brand-strong: #ffec5c; --link: #ffe41d; --focus: #ffe41d;
    --island: rgba(29, 29, 31, .78); --tabbar: rgba(22, 22, 24, .94); --seg-on: #48484a; --overlay: rgba(0, 0, 0, .55);
    --good: #30d158; --good-bg: rgba(48, 209, 88, .18);
    --go: #64b5ff; --go-bg: rgba(10, 132, 255, .22);
    --warn: #ff9f0a; --warn-bg: rgba(255, 159, 10, .18);
    --bad: #ff6961; --bad-bg: rgba(255, 105, 97, .18);
    --muted-bg: rgba(255, 255, 255, .1);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ground: #000000; --surface: #1d1d1f; --surface-2: #272729;
  --ink: #f5f5f7; --ink-soft: #c7c7cc; --ink-faint: #98989d;
  --hairline: rgba(255, 255, 255, .14); --rule: rgba(255, 255, 255, .08);
  --fill: rgba(255, 255, 255, .08); --fill-strong: rgba(255, 255, 255, .14);
  --brand-strong: #ffec5c; --link: #ffe41d; --focus: #ffe41d;
  --island: rgba(29, 29, 31, .78); --tabbar: rgba(22, 22, 24, .94); --seg-on: #48484a; --overlay: rgba(0, 0, 0, .55);
  --good: #30d158; --good-bg: rgba(48, 209, 88, .18);
  --go: #64b5ff; --go-bg: rgba(10, 132, 255, .22);
  --warn: #ff9f0a; --warn-bg: rgba(255, 159, 10, .18);
  --bad: #ff6961; --bad-bg: rgba(255, 105, 97, .18);
  --muted-bg: rgba(255, 255, 255, .1);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--ground); color: var(--ink);
  font-family: var(--font); font-size: 15px; line-height: 1.4; letter-spacing: -.011em;
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
}
button, input, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

/* знак клиента: пока нет исходника логотипа — буквы VRN на фирменной жёлтой плашке */
.mark {
  display: grid; place-items: center; flex: none; background: var(--brand); color: var(--on-brand);
  font-weight: 700; font-style: italic; letter-spacing: -.02em; line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}