/* Shared SERP color and component roles for web, software, and content. */
:root {
  color-scheme: dark;
  --serp-bg: #090e14;
  --serp-panel: #111820;
  --serp-panel-raised: #17212c;
  --serp-panel-active: #1b2b3a;
  --serp-border: #283441;
  --serp-border-subtle: #1c2732;
  --serp-text: #e4e9ef;
  --serp-text-secondary: #a8b3c2;
  --serp-text-muted: #8492a4;
  --serp-cyan: #48bfe7;
  --serp-blue: #5b9ce6;
  --serp-purple: #a18ad4;
  --serp-gold: #d1b078;
  --serp-positive: #3cc398;
  --serp-negative: #ec7c72;
  --serp-font-ui: 'Inter', 'Segoe UI', Arial, sans-serif;
  --serp-font-data: 'JetBrains Mono', Consolas, monospace;
  --serp-radius-control: 5px;
  --serp-radius-panel: 8px;
  --serp-space-unit: 4px;
}