/* ==========================================================================
   WORLD — design tokens
   --------------------------------------------------------------------------
   Flat, Material-like: graphite-gray surfaces (never pure black) stepped by
   lightness, hairline borders, 12–20px radii, no gradients, no blur shadows.
   One brand colour: the W's blue. Bricolage Grotesque for headings, Geist
   for text, Geist Mono for addresses and numbers.
   ========================================================================== */

:root,
[data-theme="dark"] {
  --bg: #1d2129;
  --panel: #252a33;
  --panel-2: #2c323c;
  --panel-3: #353c48;
  --line: #323844;
  --line-2: #414958;

  --ink: #f3f5f9;
  --ink-2: #d0d6e0;
  --muted: #9aa3b2;
  --faint: #737c8c;

  --accent: #3d6bff;
  --accent-hover: #5a82ff;
  --accent-press: #2f5cf0;
  --accent-soft: rgba(61, 107, 255, 0.16);
  --accent-text: #93acff;
  --on-accent: #ffffff;

  --up: #2fd07a;
  --down: #ff6b6b;
  --down-soft: rgba(255, 107, 107, 0.12);
  --up-soft: rgba(47, 208, 122, 0.12);

  --globe-sphere: #262c37;
  --globe-line: #3d6bff;
  --globe-land: rgba(61, 107, 255, 0.17);
  --globe-owned: #3d6bff;
  --globe-hover: rgba(255, 255, 255, 0.42);
  --globe-pick: #ffffff;

  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #eef0f4;
  --panel: #ffffff;
  --panel-2: #f4f5f8;
  --panel-3: #e8ebf1;
  --line: #e1e4ea;
  --line-2: #cfd4de;

  --ink: #14171d;
  --ink-2: #353b47;
  --muted: #646c7b;
  --faint: #8c93a1;

  --accent: #1f4bff;
  --accent-hover: #3a60ff;
  --accent-press: #173fe0;
  --accent-soft: rgba(31, 75, 255, 0.1);
  --accent-text: #1f4bff;
  --on-accent: #ffffff;

  --up: #12a150;
  --down: #d93636;
  --down-soft: rgba(217, 54, 54, 0.08);
  --up-soft: rgba(18, 161, 80, 0.09);

  --globe-sphere: #e9edf7;
  --globe-line: #1f4bff;
  --globe-land: rgba(31, 75, 255, 0.13);
  --globe-owned: #1f4bff;
  --globe-hover: rgba(20, 23, 29, 0.28);
  --globe-pick: #14171d;

  color-scheme: light;
}

:root {
  --font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --r-sm: 10px;
  --r: 14px;
  --r-lg: 20px;
  --pill: 999px;

  --side-w: 264px;
  --side-rail: 76px;
  --top-h: 68px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}