/* Console design tokens, "Hive" system (2026-10-19). Shared by the desktop
   console and the website; every existing module reads the --ui-* names or the
   --gq-* aliases below. Dark (Graphite) = near-black panels with a honey accent
   and categorical source hues; light (Paper) = warm paper with text-safe honey.
   Contrast: every text token is >= 4.5:1 on bg/surface/surface-2 (and on its own
   tint) except --ui-text-4 (>= 3:1) and --ui-text-disabled, which carry no
   essential text; --ui-field-border and --ui-focus-ring are >= 3:1 against
   bg/surface/surface-2 (WCAG 1.4.11). */
:root{
  --ui-bg:#f6f5f1;--ui-surface:#ffffff;--ui-surface-1:#ffffff;--ui-surface-2:#f1efea;--ui-surface-3:#e8e5de;
  --ui-border:#e4e0d7;--ui-border-2:#b9b4a8;--ui-field-border:#857f73;--ui-divide:#1416190f;
  --ui-text:#14161a;--ui-text-2:#3b3f46;--ui-text-3:#5a6068;--ui-text-4:#6e737b;--ui-text-disabled:#a9adb3;--ui-text-inverse:#fafaf7;
  --ui-muted:var(--ui-text-3);
  /* Honey: --ui-accent is the fill (primary buttons, markers, bars) in both
     themes; --ui-primary is the text-safe honey for links, icons and focus. */
  --ui-accent:#ffb020;--ui-accent-hover:#f5a30f;--ui-accent-ink:#111214;--ui-accent-soft:#ffb02029;
  --ui-primary:#935400;--ui-primary-hover:#7d4700;--ui-primary-ink:#ffffff;--ui-active:#ffb02029;--ui-tint:#ffb02014;--ui-link:#8c4f00;
  --ui-warning:#c0262d;--ui-warning-tint:#c0262d14;
  --ui-gain:#3b7414;--ui-gain-tint:#65b21a1f;--ui-loss:#c0262d;--ui-loss-tint:#c0262d14;--ui-amber:#a8460a;--ui-amber-tint:#e0782a1f;
  --ui-green:var(--ui-gain);--ui-red:var(--ui-loss);--ui-negative:var(--ui-loss);
  /* Categorical source hues (charts, legends, nav icons). */
  --ui-honey:#935400;--ui-lime:#3b7414;--ui-teal:#0a7369;--ui-sky:#1d5fd6;--ui-violet:#7443c9;--ui-pink:#b52a72;--ui-coral:#b03c0b;--ui-gold:#8a6400;
  --ui-focus:0 0 0 3px #ffb02066;--ui-focus-warning:0 0 0 3px #c0262d33;--ui-focus-ring:#b86e00;
  --ui-shadow-sm:0 1px 2px #1416190f;--ui-shadow-md:0 4px 12px #14161914;--ui-shadow-lg:0 12px 32px #1416191f;--ui-shadow-xl:0 24px 56px #1416192e;
  --ui-radius-xs:4px;--ui-radius-sm:6px;--ui-radius:8px;--ui-radius-md:10px;--ui-radius-lg:12px;--ui-radius-xl:16px;--ui-radius-pill:999px;
  /* Motion: 120/160/240 ms; standard ease, decelerate, and a soft overshoot for pop-ins. */
  --ui-ease:cubic-bezier(.4,0,.2,1);--ui-ease-out:cubic-bezier(.16,1,.3,1);--ui-ease-spring:cubic-bezier(.2,.9,.3,1.2);
  --ui-fast:120ms;--ui-base:160ms;--ui-slow:240ms;
  --ui-nav-width:248px;--ui-topbar:56px;
  /* Backdrop: three faint spotlights (honey, violet, teal) and a 22px dot grid. */
  --ui-spot:radial-gradient(700px 420px at 12% -6%,#ffb0201f,transparent 70%),radial-gradient(640px 420px at 92% 4%,#c084fc14,transparent 70%),radial-gradient(760px 520px at 70% 108%,#5eead414,transparent 70%);
  --ui-dots:radial-gradient(circle at 1px 1px,#93540014 1px,transparent 0);
  --ui-ring:linear-gradient(135deg,#ffb020cc,#f472b680 45%,#2dd4bf8c);
  --ui-tone-bar:linear-gradient(90deg,#ffb020,#ff6a3d);
  --ui-backdrop:var(--ui-spot);
}
:root[data-theme=dark]{
  --ui-bg:#07080a;--ui-surface:#0e1013;--ui-surface-1:#0e1013;--ui-surface-2:#14171b;--ui-surface-3:#1b1f25;
  --ui-border:#22262c;--ui-border-2:#3a4049;--ui-field-border:#666d77;--ui-divide:#ffffff0d;
  --ui-text:#e8eaed;--ui-text-2:#c3c8cf;--ui-text-3:#8f959e;--ui-text-4:#7a808a;--ui-text-disabled:#4a5059;--ui-text-inverse:#07080a;
  --ui-accent:#ffb020;--ui-accent-hover:#ffc24d;--ui-accent-ink:#0b0b0c;--ui-accent-soft:#ffb02024;
  --ui-primary:#ffb020;--ui-primary-hover:#ffc24d;--ui-primary-ink:#0b0b0c;--ui-active:#ffb02026;--ui-tint:#ffb0200f;--ui-link:#ffc75a;
  --ui-warning:#f87171;--ui-warning-tint:#f871711f;
  --ui-gain:#b6f23a;--ui-gain-tint:#b6f23a1a;--ui-loss:#f87171;--ui-loss-tint:#f871711f;--ui-amber:#ff9447;--ui-amber-tint:#ff94471f;
  --ui-honey:#ffb020;--ui-lime:#b6f23a;--ui-teal:#5eead4;--ui-sky:#60a5fa;--ui-violet:#c084fc;--ui-pink:#f472b6;--ui-coral:#ff6a3d;--ui-gold:#ffd27a;
  --ui-focus:0 0 0 3px #ffb02059;--ui-focus-warning:0 0 0 3px #f8717159;--ui-focus-ring:#ffb020;
  --ui-shadow-sm:0 1px 2px #00000080;--ui-shadow-md:0 6px 16px #00000099;--ui-shadow-lg:0 16px 40px #000000b3;--ui-shadow-xl:0 28px 64px #000000cc;
  --ui-spot:radial-gradient(700px 420px at 12% -6%,#ffb02021,transparent 70%),radial-gradient(640px 420px at 92% 4%,#c084fc1c,transparent 70%),radial-gradient(760px 520px at 70% 108%,#5eead417,transparent 70%);
  --ui-dots:radial-gradient(circle at 1px 1px,#ffb02012 1px,transparent 0);
  --ui-ring:linear-gradient(135deg,#ffb020b3,#f472b673 45%,#5eead480);
}
/* Aliases consumed by the existing shared modules. */
:root,:root[data-theme=dark]{
  --gq-bg:var(--ui-bg);--gq-surface:var(--ui-surface);--gq-surface-2:var(--ui-surface-2);
  --gq-ink:var(--ui-text);--gq-ink-2:var(--ui-text-2);--gq-ink-3:var(--ui-text-3);--gq-muted:var(--ui-text-3);
  --gq-line:var(--ui-border);--gq-line-strong:var(--ui-border-2);--gq-border:var(--ui-border);
  --gq-green:var(--ui-primary);--gq-green-soft:var(--ui-active);--gq-accent:var(--ui-primary);
  --gq-amber:var(--ui-amber);--gq-amber-soft:var(--ui-amber-tint);--gq-red:var(--ui-loss);--gq-red-soft:var(--ui-loss-tint);--gq-danger:var(--ui-loss);
  --gq-primary-bg:var(--ui-accent);--gq-primary-ink:var(--ui-accent-ink);--gq-primary-hover:var(--ui-accent-hover);
  --gq-radius:var(--ui-radius);--gq-radius-lg:var(--ui-radius-lg);
  --campaign-buy:var(--ui-gain);--campaign-sell:var(--ui-loss);--campaign-warn:var(--ui-amber);
}