/* GS ID palette. Shared by full pages, HTMX fragments and native controls. */
:root {
  color-scheme: light;
  --background: #f3f6f9;
  --sidebar: #0f2235;
  --sidebar-text: #b9c8d6;
  --sidebar-muted: #9aafc1;
  --sidebar-line: #1e3850;
  --sidebar-hover: #142b42;
  --sidebar-active: #1b3550;
  --sidebar-focus: #7db7ee;
  --surface: #ffffff;
  --surface-raised: #e9eff5;
  --ink: #0e2235;
  --muted: #566b7e;
  --line: #dde5ec;
  --control-border: #a5b5c3;
  --control-hover: #e6f0fa;
  --nav-active: #e6f0fa;
  --accent: #1463a8;
  --accent-hover: #0e4c82;
  --primary: #1463a8;
  --primary-hover: #0e4c82;
  --primary-text: #ffffff;
  --focus: #1463a8;
  --selection: #c4dff5;
  --success-bg: #e5f4ec;
  --success-text: #1a6b43;
  --pending-bg: #e6f0fa;
  --pending-text: #1463a8;
  --failure-bg: #fce8ea;
  --failure-text: #b42332;
  --failure-border: #d38a93;
  --shadow: 0 12px 36px rgb(14 34 53 / 16%);
  --radius: 8px;
  accent-color: var(--accent);
  scrollbar-color: var(--control-border) var(--background);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #0d1721;
  --sidebar: #09121b;
  --sidebar-line: #172a3c;
  --sidebar-hover: #0f1c29;
  --sidebar-active: #18304a;
  --surface: #15212d;
  --surface-raised: #192837;
  --ink: #e4ecf4;
  --muted: #9db2c5;
  --line: #2a3d50;
  --control-border: #57718a;
  --control-hover: #1c3550;
  --nav-active: #1c3550;
  --accent: #7db7ee;
  --accent-hover: #a3ccf4;
  --primary: #1f6fb8;
  --primary-hover: #2a80cc;
  --focus: #7db7ee;
  --selection: #294c70;
  --success-bg: #16352a;
  --success-text: #73d3a1;
  --pending-bg: #1c3550;
  --pending-text: #a3ccf4;
  --failure-bg: #3d232b;
  --failure-text: #ff9ba1;
  --failure-border: #965963;
  --shadow: 0 12px 36px rgb(0 0 0 / 40%);
}