/* DevOps Infrastructure track — design tokens (shell in assets/hub-track-core.css) */

body.devops-infra-core {
  --ht-bg: #0a1211;
  --ht-bg-elevated: #0f1a19;
  --ht-bg-panel: #142422;
  --ht-border: #1f3532;
  --ht-text: #e8f0ee;
  --ht-text-muted: #94a8a3;
  --ht-text-dim: #6b807a;
  --ht-accent: #14b8a6;
  --ht-accent-dim: rgba(20, 184, 166, 0.12);
  --ht-link: #5eead4;
  --ht-code-bg: #0c1615;
  --ht-code-inline-bg: rgba(20, 184, 166, 0.1);
  --ht-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --ht-glow-a: rgba(20, 184, 166, 0.16);
  --ht-glow-b: rgba(45, 212, 191, 0.08);
  --ht-grid: rgba(20, 184, 166, 0.04);
}

html[data-hp-theme="light"] body.devops-infra-core {
  --ht-bg: #f2f7f6;
  --ht-bg-elevated: #ffffff;
  --ht-bg-panel: #e6f0ee;
  --ht-border: #c5d9d4;
  --ht-text: #0f1a19;
  --ht-text-muted: #4a5f5a;
  --ht-text-dim: #6b807a;
  --ht-accent: #0d9488;
  --ht-accent-dim: rgba(13, 148, 136, 0.1);
  --ht-link: #0f766e;
  --ht-code-bg: #eef5f3;
  --ht-code-inline-bg: rgba(13, 148, 136, 0.08);
  --ht-shadow: 0 8px 24px rgba(15, 26, 25, 0.08);
  --ht-glow-a: rgba(13, 148, 136, 0.12);
  --ht-glow-b: rgba(20, 184, 166, 0.06);
  --ht-grid: rgba(13, 148, 136, 0.06);
}