/* DevOps Observability track — design tokens */

body.devops-obs-core {
  --ht-bg: #0c0a14;
  --ht-bg-elevated: #12101c;
  --ht-bg-panel: #1a1628;
  --ht-border: #2a2540;
  --ht-text: #eeebf5;
  --ht-text-muted: #a89ec4;
  --ht-text-dim: #7c7394;
  --ht-accent: #a78bfa;
  --ht-accent-dim: rgba(167, 139, 250, 0.12);
  --ht-link: #c4b5fd;
  --ht-code-bg: #100e18;
  --ht-code-inline-bg: rgba(167, 139, 250, 0.1);
  --ht-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --ht-glow-a: rgba(124, 58, 237, 0.18);
  --ht-glow-b: rgba(167, 139, 250, 0.08);
  --ht-grid: rgba(167, 139, 250, 0.04);
}

html[data-hp-theme="light"] body.devops-obs-core {
  --ht-bg: #f6f4fb;
  --ht-bg-elevated: #ffffff;
  --ht-bg-panel: #ebe6f8;
  --ht-border: #d4cce8;
  --ht-text: #1a1428;
  --ht-text-muted: #5b5280;
  --ht-text-dim: #7c7394;
  --ht-accent: #7c3aed;
  --ht-accent-dim: rgba(124, 58, 237, 0.1);
  --ht-link: #6d28d9;
  --ht-code-bg: #f0ecfa;
  --ht-code-inline-bg: rgba(124, 58, 237, 0.08);
  --ht-shadow: 0 8px 24px rgba(26, 20, 40, 0.08);
  --ht-glow-a: rgba(124, 58, 237, 0.12);
  --ht-glow-b: rgba(167, 139, 250, 0.06);
  --ht-grid: rgba(124, 58, 237, 0.05);
}