/* Copied from the open core: izan/src/web/ui/tokens.css (2026-10-16). Change it there first, then copy.
   The only edit: the night selector is :root.night (the site switches the theme on <html>). */
/* İ.Z.A.N. shared UI: design tokens. Every page of the product (the campus, İZAN Server's admin and city)
   reads its colors, radii, spacing and fonts from these custom properties, so one edit here changes all.
   Day is the default; `body.night` holds the dark values of the same names. A page overrides a token on
   its own element (`#x { --accent: … }`), never by editing this file in a copy.

   The palette comes from the day palette of ofis.html: the brand teal stays, the massing language
   changes. The reference (WareTrack) uses one brand color in a white, very light world. */
:root {
  /* Surfaces and text */
  --bg: #eef3f7;
  --text: #15303d;
  --muted: #5c7384;
  --line: #dce5ec;
  --panel: rgba(255, 255, 255, 0.92);
  --solid: #fff;
  --chip: rgba(255, 255, 255, 0.72);
  /* Brand and status: the same five states everywhere (chip, dot, rail, scene) */
  --accent: #0b6e8a;
  --accentsoft: rgba(11, 110, 138, 0.09);
  --working: #0b6e8a;
  --waiting: #b4650a;
  --done: #15803d;
  --error: #be123c;
  --idle: #8fa2b1;
  /* Shape */
  --shadow: 0 1px 2px rgba(21, 48, 61, 0.06), 0 8px 24px rgba(21, 48, 61, 0.08);
  --shadow-pop: 0 18px 48px rgba(21, 48, 61, 0.18);
  --r: 12px;
  --r-s: 8px;
  --r-pop: 14px;
  /* Spacing: the steps the bars and panels use */
  --space-xs: 4px;
  --space-s: 6px;
  --space-m: 10px;
  --space-l: 12px;
  /* Type: system fonts only, so a page loads nothing from another host */
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --mono: 'SF Mono', ui-monospace, monospace;
  --topbar-h: 50px;
}
/* Night: the dark version of the same tokens. The campus scene takes its colors from COLOR_PALETTES in
   its own JS; these are for everything 2D. */
:root.night {
  --bg: #0b131b;
  --text: #e4edf3;
  --muted: #8ca2b3;
  --accent: #2aa4c5;
  --idle: #5b7183;
  --line: #1d2b37;
  --panel: rgba(13, 21, 29, 0.92);
  --solid: #0f1a23;
  --chip: rgba(255, 255, 255, 0.06);
  --accentsoft: rgba(42, 164, 197, 0.16);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.5);
}