/* Plane Spotter: generated from design/tokens.json by tools/tokens/build_tokens.py. Don't edit by hand. */
:root {
  /* color */
  --panel: #ffffff;
  --ground: #eef2f5;
  --surface: #f5f7fa;
  --glass: rgba(255, 255, 255, 0.95);
  --glass-tab: rgba(255, 255, 255, 0.9);
  --label-glass: rgba(238, 242, 245, 0.85);
  --scrim: rgba(15, 26, 36, 0.32);
  --line: #e3e8ed;
  --line2: #d5dde5;
  --divider: #edf1f4;
  --handle: #c5ced7;
  --handle-active: #8a9aa9;
  --chevron: #9aa8b5;
  --ink: #0f1a24;
  --ink2: #3b4a58;
  --muted: #5b6b7a;
  --on-fill: #ffffff;
  --fill-soft: #e8eef4;
  --stripe-a: #f2f5f8;
  --stripe-b: #e9eef2;
  --arr: #1f6fd1;
  --arr-text: #1556a8;
  --info-tint: rgba(90, 176, 255, 0.14);
  --selected-tint: rgba(31, 111, 209, 0.08);
  --dep: #b35c00;
  --other: #8796a5;
  --ok: #177a4b;
  --ok-text: #136a40;
  --ok-tint: rgba(23, 122, 75, 0.12);
  --late: #a15c00;
  --danger: #b3261e;
  --badge: #e5484d;
  --tab-active: rgba(15, 26, 36, 0.06);
  /* spacing */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  /* size */
  --touch-min: 44px;
  --control-h: 48px;
  --segment-h: 40px;
  --search-h: 46px;
  --row-h: 60px;
  --tabbar-h: 64px;
  --tabbar-w: 340px;
  --photo-h: 196px;
  /* radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  /* shadow */
  --shadow-sheet: 0 -8px 24px rgba(15, 26, 36, 0.08);
  --shadow-tabbar: 0 6px 24px rgba(15, 26, 36, 0.12);
  --shadow-segment: 0 1px 3px rgba(15, 26, 36, 0.15);
  --shadow-knob: 0 2px 4px rgba(15, 26, 36, 0.25);
  --shadow-pin: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* opacity */
  --opacity-disabled: 0.45;
  /* type */
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}