/* RoadPro global theme tokens */
:root,
:root[data-theme-resolved="dark"] {
  color-scheme: dark;
  --bg-primary: #06090d;
  --bg-secondary: #0c1018;
  --bg-tertiary: #121a25;
  --surface-muted: #192335;
  --surface-raised: #1f2d42;
  --card-bg: #0c1018;
  --text-primary: #edf2f7;
  --text-secondary: #8fa5be;
  --text-muted: #4d6480;
  --text-faint: #2d3f55;
  --border-color: rgba(255,255,255,0.06);
  --border-strong: rgba(255,255,255,0.10);
  --success-color: #22c55e;
  --warning-color: #f59e0b;
  --danger-color: #E63946;
  --accent-color: #1E8CFF;
  --accent-hover: #4FA8FF;
  --accent-soft: rgba(30,140,255,0.10);
  --accent-softer: rgba(30,140,255,0.06);
  --success-soft: rgba(34,197,94,0.10);
  --warning-soft: rgba(245,158,11,0.10);
  --danger-soft: rgba(230,57,70,0.10);
  --purple-color: #a78bfa;
  --purple-soft: rgba(139,92,246,0.10);
  --overlay-bg: rgba(0,0,0,0.65);
  --modal-overlay-bg: rgba(0,0,0,0.72);
  --shadow-color: rgba(0,0,0,0.55);
  --on-accent: #ffffff;
}

:root[data-theme-resolved="light"] {
  color-scheme: light;
  --bg-primary: #f4f7fb;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eef3f8;
  --surface-muted: #e5edf6;
  --surface-raised: #d7e2ee;
  --card-bg: #ffffff;
  --text-primary: #162334;
  --text-secondary: #52677f;
  --text-muted: #71849b;
  --text-faint: #9aabba;
  --border-color: rgba(22,35,52,0.10);
  --border-strong: rgba(22,35,52,0.16);
  --success-color: #15803d;
  --warning-color: #b45309;
  --danger-color: #c62835;
  --accent-color: #0b72db;
  --accent-hover: #095eb6;
  --accent-soft: rgba(11,114,219,0.10);
  --accent-softer: rgba(11,114,219,0.06);
  --success-soft: rgba(21,128,61,0.10);
  --warning-soft: rgba(180,83,9,0.11);
  --danger-soft: rgba(198,40,53,0.10);
  --purple-color: #7c3aed;
  --purple-soft: rgba(124,58,237,0.10);
  --overlay-bg: rgba(15,23,42,0.35);
  --modal-overlay-bg: rgba(15,23,42,0.42);
  --shadow-color: rgba(15,23,42,0.16);
  --on-accent: #ffffff;
}

:root {
  --bg: var(--bg-primary);
  --s1: var(--bg-secondary);
  --s2: var(--bg-tertiary);
  --s3: var(--surface-muted);
  --s4: var(--surface-raised);
  --bd: var(--border-color);
  --bd2: var(--border-strong);
  --blu: var(--accent-color);
  --blub: var(--accent-hover);
  --blug: var(--accent-soft);
  --blugg: var(--accent-softer);
  --red: var(--danger-color);
  --redg: var(--danger-soft);
  --grn: var(--success-color);
  --grng: var(--success-soft);
  --amb: var(--warning-color);
  --ambg: var(--warning-soft);
  --pur: var(--purple-color);
  --purg: var(--purple-soft);
  --t0: var(--text-primary);
  --t1: var(--text-secondary);
  --t2: var(--text-muted);
  --t3: var(--text-faint);
}