/* =================================================================
   ЦИФРУС · brand tokens
   Aesthetic: Industrial Brutalism / Cargo Manifest
   Единый brand canon для PWA курьера и админки логиста.
   Источник истины: c:\SMS-Traccar\pwa-courier\css\tokens.css
   Копия в /admin: logistic-web/css/tokens.css (всегда идентична).
   ================================================================= */

@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap");

:root {
  /* ---------- surface ---------- */
  --bg:        #f4efe6;       /* primary cream paper background */
  --surface:   #ffffff;       /* cards, fields */
  --ink:       #0a0a0a;       /* primary text, hard rule */
  --ink-2:     #2c2620;       /* secondary text */
  --sub:       #6f6962;       /* caption, muted, placeholder */

  /* ---------- brand: Цифрус ---------- */
  --purple:        #6e419e;
  --purple-deep:   #5a3382;
  --purple-tint:   #f0eaf6;
  --green:         #2aad6f;
  --green-deep:    #15803d;
  --green-bright:  #26d07c;

  /* ---------- статусы заказов ----------
     Парами: --st-X (ink — точка / полоса) и --st-X-tint (фон строки/чипа).
     PWA использует только ink. Admin (десктоп) — оба для таблиц.
     Tint = color-mix 10% ink в кремовом базе → автоматическая гармония
     с warmth #f4efe6, без холодных слешей tailwind. */
  --st-assigned:    #475569;
  --st-accepted:    #6e419e;
  --st-en-route:    #d97706;
  --st-arrived:     #84cc16;
  --st-delivered:   #2aad6f;
  --st-failed:      #b91c1c;
  --st-rescheduled: #6d28d9;

  --st-assigned-tint:    color-mix(in srgb, var(--st-assigned)    10%, var(--bg));
  --st-accepted-tint:    color-mix(in srgb, var(--st-accepted)    10%, var(--bg));
  --st-en-route-tint:    color-mix(in srgb, var(--st-en-route)    10%, var(--bg));
  --st-arrived-tint:     color-mix(in srgb, var(--st-arrived)     10%, var(--bg));
  --st-delivered-tint:   color-mix(in srgb, var(--st-delivered)   10%, var(--bg));
  --st-failed-tint:      color-mix(in srgb, var(--st-failed)      10%, var(--bg));
  --st-rescheduled-tint: color-mix(in srgb, var(--st-rescheduled) 10%, var(--bg));

  /* ---------- типографика ----------
     Display: Big Shoulders Display 700/800 (sharp condensed).
     Body: Manrope 400-700 (industrial sans).
     Mono: JetBrains Mono 500/700 (data, numbers, codes). */
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body:    "Manrope", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "Courier New", monospace;

  /* ---------- тени (hard, без блюра — brutalism) ---------- */
  --shadow:    4px 4px 0 0 #0a0a0a;
  --shadow-sm: 2px 2px 0 0 #0a0a0a;

  /* ---------- spacing scale (полезно обоим UI) ---------- */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-14: 56px;
  --s-20: 80px;
}