/* WideLoop shared design tokens (spec §F.1). Values are the hub's own (index.html, look/*.css);
   the hub does not load this file yet. Night tokens hold in both themes; paper tokens follow the OS theme.
   Opt out of dark with <html data-theme="light">, force it with data-theme="dark". */
:root {
  --paper: #eef0f4;              /* hub page ground (html background) */
  --paper-2: #f6f7f9;
  --ink: #0c111b; --ink-2: #4a5263; --ink-3: #8b93a3;
  --blue: #285ff5; --blue-2: #6f94ff; --blue-3: #9db6ff; /* Loop blue: CTA, selected/now, your slot */
  --on-blue: #fff;
  --green: #22c375;              /* live/open dot only */
  --night-0: #05070c; --night-1: #0a0f1a; --ink-night: #e9eef7; --mute-night: #8a96ad;
  --sodium: #ffb46b;             /* roads in renders and streams only */
  --line: rgba(12,17,27,.12);
  --glass: rgba(255,255,255,.66); --glass-edge: rgba(255,255,255,.8); --glass-night: rgba(10,15,26,.62);
  --shadow-glass: 0 10px 30px -14px rgba(12,17,27,.25);
  --font: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --mono: 'Geist Mono', ui-monospace, Menlo, monospace;
  --font-ar: 'IBM Plex Sans Arabic', var(--font);
  --ease-ui: cubic-bezier(.2,.7,.1,1); --ease-cam: cubic-bezier(.65,0,.35,1);
  --t-ui: 240ms;
  --head-h: 64px; --gutter: 24px; --max: 1320px;
  color-scheme: light dark;
}
@media (max-width: 860px) { :root { --head-h: 52px; --gutter: 16px; } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0e1116; --paper-2: #151a22; --ink: #e9eef7; --ink-2: #b4bdcc; --ink-3: #7d879a;
    --line: rgba(233,238,247,.14); --glass: rgba(21,26,34,.66); --glass-edge: rgba(233,238,247,.12);
    --shadow-glass: 0 10px 30px -14px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --paper: #0e1116; --paper-2: #151a22; --ink: #e9eef7; --ink-2: #b4bdcc; --ink-3: #7d879a;
  --line: rgba(233,238,247,.14); --glass: rgba(21,26,34,.66); --glass-edge: rgba(233,238,247,.12);
  --shadow-glass: 0 10px 30px -14px rgba(0,0,0,.6);
  color-scheme: dark;
}
:root[data-theme="light"] { color-scheme: light; }