/* Shared Sysoptica console theme. Spotify-inspired surfaces and Figtree; blue actions, semantic health colours.
 * Fonts stay self-hosted (OFL). Published atomically with the dashboard under vendor/ by publish_static(). */
/* ---- fonts (vendor/fonts, OFL, latin subsets): Figtree (variable 400-800) for all text; IBM Plex Mono 400/500 only for
   code, addresses and terminal output ---- */
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/figtree-latin-var.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/ibm-plex-mono-latin-400.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/ibm-plex-mono-latin-500.woff2) format("woff2"); }
:root, [data-theme="dark"] { --inset: rgba(0,0,0,.22);
  --header-h: 68px; --bg: #121212; --rail: #000000; --bg2: #181818; --panel-solid: #181818; --panel: rgba(24,24,24,.97); --raise: #282828;
  --line: #292929; --line2: #303030; --ctl: #3e3e3e; --text: #ffffff; --muted: #b3b3b3; --faint: #a0a0a0; --tile-fg: #e6e6e6;
  --accent: #2f6feb; --accent-t: #9cc0ff; --accent-a: rgba(47,111,235,.15); --accent-strong: #2f6feb; --on-accent: #ffffff;
  --red: #f15e6c; --amber: #ffa42b; --green: #1ed760; --grey: #535353; --blue: #509bf5; --cpu: #ffb52e; --ram: #8f7cff;
  --red-t: #ff8f9a; --amber-t: #ffc46b; --green-t: #3be477; --live-t: #7db6ff;
  --red-a: #2d1a1c; --amber-a: #2b2214; --green-a: #12281a; --grey-a: #282828;
  --red-l: #6d2a31; --amber-l: #6a4a17; --green-l: #1a5c33; --live-l: #284a78; --tag-l: #3e3e3e; --tag-t: #b3b3b3;
  --ap-off: #535353; --ok-u: #1a5c33; --gridline: rgba(255,255,255,.035); --group: rgba(24,24,24,.86); --group-line: #2a2a2a;
  --shadow-1: 0 1px 3px rgba(0,0,0,.12); --shadow-1h: 0 4px 14px rgba(0,0,0,.24);
  --shadow-2: 0 16px 48px rgba(0,0,0,.6); --shadow: var(--shadow-2); --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --tile: #282828;
  --r-sm: 4px; --r: 6px; --r-md: 8px; --r-lg: 8px;
  --font: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --seg-track: rgba(255,255,255,.05); --seg-on: #303030; --field: #242424; --btn: #242424; --btn-h: #303030;
  --shadow-btn: 0 1px 2px rgba(0,0,0,.22);
  color-scheme: dark;
}
[data-theme="light"] { --inset: rgba(16,24,40,.045);
  --bg: #f4f6f9; --rail: #ffffff; --bg2: #ffffff; --panel-solid: #ffffff; --panel: rgba(255,255,255,.97); --raise: #efefef;
  --line: #e5e9ef; --line2: #dfe5ed; --ctl: #cfcfcf; --text: #121212; --muted: #4d4d4d; --faint: #6a6a6a; --tile-fg: #2a2a2a;
  --accent: #2f6feb; --accent-t: #255bc8; --accent-a: rgba(47,111,235,.10); --accent-strong: #2f6feb; --on-accent: #ffffff;
  --red: #e22134; --amber: #e8900c; --green: #1db954; --grey: #9a9a9a; --blue: #2e77d0; --cpu: #e08a00; --ram: #6a55e8;
  --red-t: #b3141f; --amber-t: #8a5200; --green-t: #0f7a37; --live-t: #2e77d0;
  --red-a: #fdecee; --amber-a: #fdf2e0; --green-a: #e6f7ec; --grey-a: #efefef;
  --red-l: #f0a8ae; --amber-l: #e9c27c; --green-l: #9fdcb4; --live-l: #a9c6ef; --tag-l: #cfcfcf; --tag-t: #4d4d4d;
  --ap-off: #9a9a9a; --ok-u: #9fdcb4; --gridline: rgba(0,0,0,.04); --group: rgba(255,255,255,.88); --group-line: #dedede;
  --shadow-1: 0 1px 3px rgba(0,0,0,.08); --shadow-1h: 0 6px 20px rgba(0,0,0,.12);
  --shadow-2: 0 16px 48px rgba(0,0,0,.18); --shadow: var(--shadow-2); --shadow-sm: 0 1px 2px rgba(0,0,0,.08); --tile: #efefef;
  --seg-track: rgba(16,24,40,.06); --seg-on: #ffffff; --field: #f0f2f5; --btn: #ffffff; --btn-h: #f6f7f9;
  --shadow-btn: 0 1px 2px rgba(16,24,40,.08);
  color-scheme: light;
}