/* Design tokens — the foundation every other stylesheet references.
   ROBOT MONEY design system: the Beam/Pool/Beacon covenant.
   Beam (cyan) = a LINE only; Pool (green) = value masses; Beacon (orange) = a POINT for loss/attention. */

/* Weights 300 (Space Grotesk) and 300/600 (JetBrains Mono) added for the
   analytics dashboard scope (.a3, assets/css/dash.css, issue #379) — the
   original bot-analytics app imported both families 300-700
   (docs/bot-analytics-ui-port/inventory-original.md §4). Purely additive: no
   existing rule references these weights, so no other page's rendering
   changes. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');

:root {
  /* fonts (were Tailwind @theme vars) */
  --font-sans: 'Space Grotesk', system-ui, sans-serif;
  --font-display: "Helvetica Neue Condensed", "Arial Narrow", "Avenir Next Condensed", 'Space Grotesk', system-ui, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* palette */
  --color-void: #06080c;
  --color-deep: #0b0e14;
  --color-surface: #10141c;
  --color-surface-light: #181d28;
  --color-border: #222a38;
  --color-border-light: #2e3a4e;
  /* Four text rungs, not three. #e2e4ec and #7e889e are 33 points of lightness
     apart with nothing between them, so a page that needed "quieter than a
     heading but still running prose" had to pick one of the two and every page
     picked #e2e4ec: on /swarm/apply, 84% of all rendered characters are the
     single tone --color-text. The missing rung is why controls reached for cyan
     to separate themselves from body copy, which is how cyan ended up as 26% of
     the type on the application status page.
     --color-text-soft is not a new colour: it is #aeb6c6, the value the apply
     page had already forked privately as `--ap-lede`, promoted so there is one
     copy. 9.8:1 on Void, 9.1:1 on Surface. --color-text-dim stays below AA and
     remains decoration-only. */
  --color-text: #e2e4ec;
  --color-text-soft: #aeb6c6;
  --color-text-muted: #7e889e;
  --color-text-dim: #4a5268;
  --color-accent: #00e5ff;
  --color-accent-dim: #00b8d4;
  --color-accent-glow: rgba(0, 229, 255, 0.12);
  /* Beam at rest, for a rule that marks a control without shouting. Still a
     LINE and still Beam's hue — only its weight changes, never its meaning. */
  --color-accent-line: rgba(0, 229, 255, 0.42);
  --color-warm: #e8a640;
  --color-warn: #ff6644;
  --color-green: #10b981;
  --color-green-deep: #0b7c5d;
  --color-beacon: #ff7a29;
  /* Retired hues — RETAINED only until the Step 3 inline-<style> sweep removes their
     remaining uses in view files. Do not reference in any new rule. */
  --color-blue: #4488ff;
  --color-purple: #8b5cf6;

  /* corner ceiling */
  --radius: 2px;
  --radius-pill: 2px;

  /* easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
}