/* GENERATED FILE — do not edit by hand.
 * Source of truth: static/brand/palette.json (vendored from the Wyrd brand).
 * Regenerate with `python scripts/generate_brand_tokens.py`. */

:root {
  --bg: #0b0c12;
  --surface: #12141c;
  --surface-2: #1a1d28;
  --border: #424866;
  --shadow: #050609;
  --text: #e6e4da;
  --muted: #84879a;
  --eyebrow-muted: #78808c;
  --eyebrow-gold: #84a400;
  --brand: #1a2040;
  --brand-strong: #7a8cff;
  --brand-soft: #1a2040;
  --brand-btn: #7a8cff;
  --brand-btn-ink: #0b0c12;
  --lime: #c5f23c;
  --lime-ink: #101014;
  --lime-text: #c5f23c;
  --client: #c5f23c;
  --client-bar: #c5f23c;
  --server: #f2a23c;
  --server-bar: #f2a23c;
  --control: #6fb3d6;
  --control-bar: #6fb3d6;
  --ok: #7ee081;
  --warn: #f2a23c;
  --danger: #e8615a;
  --ok-text: #7ee081;
  --warn-text: #f2a23c;
  --danger-text: #e8615a;
  --hero-bg: #1a2040;
  --hero-ink: #e9edfd;
  --ink-on-fill: #101014;
  --r: 5px;
}

body:has(.app-nav),
body:has(.m-header),
body:has(.public-nav) {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #eceadf;
  --border: #101014;
  --shadow: #101014;
  --text: #101014;
  --muted: #62626d;
  --eyebrow-muted: #78808c;
  --eyebrow-gold: #84a400;
  --brand: #2745e8;
  --brand-strong: #2745e8;
  --brand-soft: #e9edfd;
  --brand-btn: #2745e8;
  --brand-btn-ink: #ffffff;
  --lime: #c5f23c;
  --lime-ink: #101014;
  --lime-text: #4a7a06;
  --client: #4a7a06;
  --client-bar: #4a7a06;
  --server: #f2a23c;
  --server-bar: #ec8b14;
  --control: #7cc4e8;
  --control-bar: #2f6f9e;
  --ok: #2f9e44;
  --warn: #ec8b14;
  --danger: #d2402a;
  --ok-text: #247b35;
  --warn-text: #9c5c0d;
  --danger-text: #c03a26;
  --hero-bg: #2745e8;
  --hero-ink: #ffffff;
  --ink-on-fill: #101014;
  --r: 5px;
}