/* The World's one visual language: the map and the control console link this file. */
/* World mode's serif (the brand) and its text face; both are bundled so a display box needs no network (SIL OFL 1.1,
   vendor/). Chinese takes the system's sans. */
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("./vendor/instrumentserif.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("./vendor/instrumentserifitalic.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("./vendor/plexsans.woff2") format("woff2"); }
:root {
  --bg: #f2f0eb;
  --surface: rgba(252, 251, 248, 0.94);
  --surface-solid: #fcfbf8;
  --ink: #1e252b;
  --muted: #66727a;
  --faint: #7a858c;
  --line: rgba(55, 62, 66, 0.11);
  --accent: #3e6f98;
  --accent-soft: #e8f0f8;
  --ok: #287654;
  --ok-soft: #e8f2ed;
  --warn: #a35f08;
  --warn-soft: #fff2dc;
  --bad: #b9362f;
  --bad-soft: #fde8e5;
  --radius-card: 14px;
  --radius-control: 10px;
  --shadow: 0 18px 46px rgba(36, 42, 43, 0.13), 0 2px 8px rgba(36, 42, 43, 0.05);
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --fs-xl: 20px;
  --fs-hero: 28px;
  --control-h: 36px;
  /* World mode floats quiet glass over the whole map: light translucent panels with hairline edges, soft short shadows
     and a 12px radius. A top bar, a dock along the bottom (time, weather, journey), people and the phone on the right. */
  --glass: rgba(248, 250, 252, 0.8);
  --glass-solid: #f8fafc;
  --glass-line: rgba(15, 23, 42, 0.09);
  --glass-edge: rgba(255, 255, 255, 0.72);
  --glass-hover: rgba(15, 23, 42, 0.05);
  --glass-shadow: 0 12px 32px -14px rgba(15, 23, 42, 0.3), 0 2px 6px rgba(15, 23, 42, 0.06);
  --glass-filter: blur(18px) saturate(1.15);
  --glass-ink: #182230;
  --glass-ink-2: #475467;
  --glass-ink-3: #667085;
  --select: #2f6bd8;
  --select-soft: rgba(47, 107, 216, 0.1);
  --radius-panel: 12px;
  --radius-chip: 8px;
  --live: #d98b2b;
  --live-soft: rgba(217, 139, 43, 0.22);
  --font-label: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Instrument Serif", "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;
  --fs-caption: 11px;
  --fs-clock: 44px;
  --bar-h: 52px;
  --edge: 16px;
  --people-w: 360px;
  /* The dock's height, one row of its panels; the page sets --dock-h to its real height (more rows in a narrow window). */
  --dock-row-h: 172px;
  --dock-h: var(--dock-row-h);
  /* The map's own marks keep this palette whatever a panel redefines: a custom property inherits its resolved value. */
  --map-accent: var(--accent);
  /* A person's avatar wherever it is drawn, quiet: a white ring, a faint edge outside it and a light lift; on the move
     a pale accent halo, picked a pale select halo (the map's clusters draw the same ring, map-style.js). */
  --avatar-ring: #fff;
  --avatar-ring-width: 2px;
  --avatar-edge: 0 0 0 1px rgba(24, 34, 48, .12);
  --avatar-lift: 0 2px 6px -2px rgba(15, 23, 42, .22);
  --avatar-moving: 0 0 0 1.5px color-mix(in srgb, var(--map-accent) 55%, #fff), 0 0 0 4px color-mix(in srgb, var(--map-accent) 12%, transparent);
  --avatar-picked: 0 0 0 1.5px color-mix(in srgb, var(--select) 60%, #fff), 0 0 0 4.5px color-mix(in srgb, var(--select) 14%, transparent);
  --map-accent-soft: var(--accent-soft);
  --map-bad: var(--bad);
}