/* VIMDRIVE Liquid Glass — design tokens (verbatim). Dark mode is the only mode.
   Never hard-code colours elsewhere; reference these tokens. */
:root {
  /* Surface */
  --bg: #06090f; --bg-2: #080b14; --bg-3: #0b1019;
  --bg-card: #0b1019; --bg-glass: rgba(8,11,20,0.7);
  /* Accent (electric blue) */
  --accent: #196ef0; --accent-2: #6ea4ff; --accent-deep: #0f5ad4;
  --accent-glow: rgba(25,110,240,0.30); --accent-dim: rgba(25,110,240,0.10);
  /* Warm (terracotta) */
  --warm: #c97351; --warm-2: #e08a68;
  --warm-glow: rgba(201,115,81,0.22); --warm-dim: rgba(201,115,81,0.10);
  /* Spectrum (capability colour-coding) */
  --green: #5dcaa5; --purple: #afa9ec; --sky: #4fc3f7;
  --growth: #e0b15d; --core: #8a93b5; /* extended families: Growth (gold), Core (steel) */
  /* Text ramp */
  --text: #ffffff; --text-2: #c5cee8; --text-3: #8090b8; --text-4: #4d5b80;
  /* Glass */
  --glass-tint: rgba(255,255,255,0.045);
  --glass-tint-strong: rgba(255,255,255,0.075);
  --glass-tint-hover: rgba(255,255,255,0.085);
  --glass-stroke: rgba(255,255,255,0.10);
  --glass-stroke-hover: rgba(255,255,255,0.18);
  --glass-spec-top: rgba(255,255,255,0.22);
  --glass-spec-bot: rgba(255,255,255,0.04);
  --glass-blur: 18px; --glass-sat: 160%;
  /* Borders & glow */
  --border: rgba(255,255,255,0.08); --border-2: rgba(255,255,255,0.14); --border-3: rgba(255,255,255,0.22);
  --glow-blue: 0 20px 60px -18px rgba(25,110,240,0.55);
  --glow-warm: 0 20px 60px -18px rgba(201,115,81,0.45);
  /* Agent palette (four capability families) */
  --agent-creative-bg: rgba(201,115,81,0.10); --agent-creative-fg: #e08a68;
  --agent-perf-bg:     rgba(79,195,247,0.10); --agent-perf-fg: #4fc3f7;
  --agent-strat-bg:    rgba(93,202,165,0.10); --agent-strat-fg: #5dcaa5;
  --agent-data-bg:     rgba(175,169,236,0.10); --agent-data-fg: #afa9ec;
  /* Type */
  --font-serif: 'DM Serif Display', serif;
  --font-sans:  'Syne', sans-serif;
  --font-mono:  'JetBrains Mono', monospace;
  /* Geometry */
  --r-xs:6px; --r-sm:6px; --r:12px; --r-md:18px; --r-lg:24px; --r-xl:32px;
  /* Spacing (8-pt) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;

  /* Derived status colours (status → colour logic, brief §460) */
  --status-active: var(--green);
  --status-running: var(--sky);
  --status-attention: var(--warm-2);
  --status-critical: #d0533f;
  --status-idle: var(--text-4);
}