/* KMWORKS Shared Mobility — design tokens shared by the solution page and the console demo. See DESIGN.md */
:root {
  --paper: #F6F6F3;
  --canvas: #F3F4F6;
  --surface: #FFFFFF;
  --surface-2: #F8F9FA;
  --surface-3: #F1F2F4;
  --line: #E5E7EB;
  --line-strong: #D1D5DB;
  --ink: #0E1116;
  --ink-2: #3B414B;
  --ink-3: #626A76;
  --ink-4: #9AA1AC;
  --brand: #2747F5;
  --brand-ink: #1A33C4;
  --brand-soft: #EBEEFF;
  --brand-line: #C9D1FF;
  --night: #0B0D12;
  --night-2: #151821;
  --night-3: #1F2330;
  --night-line: #2A2F3D;

  --st-available: #15A34A;  --st-available-soft: #E7F6EC;
  --st-riding: #2747F5;     --st-riding-soft: #EBEEFF;
  --st-lowbat: #D97706;     --st-lowbat-soft: #FDF3E1;
  --st-fault: #E5484D;      --st-fault-soft: #FDECEC;
  --st-outzone: #8E44E0;    --st-outzone-soft: #F3EAFD;
  --st-offline: #6B7280;    --st-offline-soft: #EEF0F2;

  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  --r-ctl: 8px; --r-card: 12px; --r-panel: 16px; --r-frame: 18px;
  --sh-1: 0 1px 2px rgba(16, 24, 40, .06);
  --sh-2: 0 10px 28px -8px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .05);
  --sh-3: 0 48px 96px -32px rgba(16, 24, 40, .32), 0 12px 32px -12px rgba(16, 24, 40, .14);
  --ease: cubic-bezier(.2, .8, .2, 1);
}
.ico { width: 18px; height: 18px; flex: none; display: inline-block; vertical-align: middle; }
.num, .tnum { font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }