/* Binary Elements — generated from tokens.json. Dark is the first theme; with no data-theme the device decides. */
:root, [data-theme="dark"] { color-scheme: dark;
  --brand-red: #900b08;
  --brand-cyan: #5fd3f0;
  --bg: #0a0d12;
  --panel: #0d1117;
  --panel2: #10151c;
  --well: #070a0e;
  --line: #1b222b;
  --line2: #2a333f;
  --ink: #d7dde5;
  --bright: #e6ecf3;
  --muted: #7d8794;
  --lbl: #b8c2cc;
  --cyan: #5fd3f0;
  --on-accent: #06141a;
  --link: #8fd0ff;
  --link-hover: #bfe4ff;
  --ok: #43d17a;
  --warn: #f5b942;
  --bad: #ff6b6b;
  --ok-bg: #0f2a1a;
  --warn-bg: #16140c;
  --warn-edge: #5a4a18;
  --bad-bg: #1a0f0f;
  --bad-edge: #3a2222;
  --sel-bg: #0d2229;
  --sel-edge: #2f6f80;
  --btn: #171d26;
  --btn2: #202834;
  --edge: #343d49;
  --edge2: #46525f;
  --hover: #182028;
  --shadow-button: 0 1px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-focus: 0 0 0 3px rgba(95,211,240,.22);
  --shadow-pop: 0 16px 40px rgba(0,0,0,.55);
}
[data-theme="light"] { color-scheme: light;
  --brand-red: #900b08;
  --brand-cyan: #5fd3f0;
  --bg: #f3f5f7;
  --panel: #ffffff;
  --panel2: #eef1f4;
  --well: #ffffff;
  --line: #dfe4ea;
  --line2: #cfd6de;
  --ink: #1f2933;
  --bright: #0d141c;
  --muted: #5f6b78;
  --lbl: #3b4652;
  --cyan: #0a7ea4;
  --on-accent: #ffffff;
  --link: #0a66a8;
  --link-hover: #084f82;
  --ok: #1d8348;
  --warn: #9a6200;
  --bad: #c4302b;
  --ok-bg: #e3f4ea;
  --warn-bg: #fff6e0;
  --warn-edge: #e6c77a;
  --bad-bg: #fdecea;
  --bad-edge: #efb3ae;
  --sel-bg: #e2f2f7;
  --sel-edge: #7cc0d4;
  --btn: #ffffff;
  --btn2: #eef1f4;
  --edge: #c5ced8;
  --edge2: #a9b4c0;
  --hover: #e9eef3;
  --shadow-focus: 0 0 0 3px rgba(10,126,164,.22);
}
@media (prefers-color-scheme: light) { :root:not([data-theme]) { color-scheme: light;
  --brand-red: #900b08;
  --brand-cyan: #5fd3f0;
  --bg: #f3f5f7;
  --panel: #ffffff;
  --panel2: #eef1f4;
  --well: #ffffff;
  --line: #dfe4ea;
  --line2: #cfd6de;
  --ink: #1f2933;
  --bright: #0d141c;
  --muted: #5f6b78;
  --lbl: #3b4652;
  --cyan: #0a7ea4;
  --on-accent: #ffffff;
  --link: #0a66a8;
  --link-hover: #084f82;
  --ok: #1d8348;
  --warn: #9a6200;
  --bad: #c4302b;
  --ok-bg: #e3f4ea;
  --warn-bg: #fff6e0;
  --warn-edge: #e6c77a;
  --bad-bg: #fdecea;
  --bad-edge: #efb3ae;
  --sel-bg: #e2f2f7;
  --sel-edge: #7cc0d4;
  --btn: #ffffff;
  --btn2: #eef1f4;
  --edge: #c5ced8;
  --edge2: #a9b4c0;
  --hover: #e9eef3;
  --shadow-focus: 0 0 0 3px rgba(10,126,164,.22);
} }
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-18: 18px;
  --space-28: 28px;
  --radius-xs: 2px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}