/* My Fleet Report – design tokens (SHSS UI). Brand colours are overridden by /css/brand.css (generated from server/brand.js). Every colour, radius, shadow and font lives here; components only use the tokens.
   Brand: deep teal (road / trust) + amber (taxi / attention) on calm slate. Light first, dark as a tested variant (data-mode="dark"). */
:root {
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'Inter', system-ui, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs: 14px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;

  --brand: #0b6b62; --brand-600: #095a52; --brand-700: #074941; --brand-400: #14958a; --brand-50: #e7f4f2; --brand-100: #cde9e5;
  --accent: #f59e0b; --accent-600: #d97706; --accent-50: #fff7e6; --accent-ink: #92400e;
  --primary: var(--brand); --primary-hover: var(--brand-600); --primary-soft: var(--brand-50); --on-primary: #ffffff;

  --bg: #f4f6f8; --surface: #ffffff; --surface-2: #f8fafb; --surface-3: #eef2f5; --overlay: rgba(15, 29, 43, .45);
  --border: #e3e8ee; --border-strong: #cfd7df; --focus: #14958a;
  --text: #0f1d2b; --text-2: #3d4e5f; --text-3: #5d6d7d; --text-inv: #ffffff;

  --success: #15803d; --success-bg: #e8f6ee; --warning: #b45309; --warning-bg: #fef4e2; --danger: #b91c1c; --danger-bg: #fdecec; --info: #1d4ed8; --info-bg: #e9effd; --neutral-bg: #eef2f5;
  --c-app: #0e8a7e; --c-cash: #f59e0b; --c-business: #6366f1; --c-other: #94a3b8; --c-prev: #cbd5e1;
  --c-bolt: #2fbf71; --c-uber: #111827; --c-freenow: #e11d48; --c-other-platform: #64748b;

  --radius-sm: 8px; --radius: 12px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 29, 43, .06); --shadow: 0 1px 3px rgba(15, 29, 43, .06), 0 6px 18px rgba(15, 29, 43, .06); --shadow-lg: 0 12px 40px rgba(15, 29, 43, .18);
  --sidebar-w: 252px; --topbar-h: 60px; --gap: 16px; --input-h: 42px;
  color-scheme: light;
}
[data-mode="dark"] {
  --brand-50: rgba(20, 149, 138, .16); --brand-100: rgba(20, 149, 138, .28); --primary: #14a396; --primary-hover: #1bb8aa; --primary-soft: rgba(20, 163, 150, .16); --on-primary: #04211e;
  --accent-50: rgba(245, 158, 11, .14);
  --bg: #0b141c; --surface: #111c26; --surface-2: #142230; --surface-3: #1a2a3a; --overlay: rgba(0, 0, 0, .6);
  --border: #213243; --border-strong: #2d4256; --focus: #2dd4bf;
  --text: #e6edf3; --text-2: #b4c2cf; --text-3: #8293a4;
  --success: #4ade80; --success-bg: rgba(74, 222, 128, .12); --warning: #fbbf24; --warning-bg: rgba(251, 191, 36, .13); --danger: #f87171; --danger-bg: rgba(248, 113, 113, .13); --info: #93b4ff; --info-bg: rgba(147, 180, 255, .13); --neutral-bg: #1a2a3a;
  --c-app: #2dd4bf; --c-cash: #fbbf24; --c-business: #a5b4fc; --c-other: #64748b; --c-prev: #334155; --c-uber: #e5e7eb;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4); --shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3); --shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);
  color-scheme: dark;
}
[data-density="compact"] { --input-h: 36px; --gap: 12px; }