/* Production systems track — design tokens + hub extras */

body.production-core {
  --ht-bg: #100c0a;
  --ht-bg-elevated: #18120f;
  --ht-bg-panel: #221a16;
  --ht-border: #3d2f28;
  --ht-text: #f5ebe6;
  --ht-text-muted: #b8a69c;
  --ht-text-dim: #8a786e;
  --ht-accent: #f97316;
  --ht-accent-dim: rgba(249, 115, 22, 0.12);
  --ht-link: #fdba74;
  --ht-code-bg: #140f0c;
  --ht-code-inline-bg: rgba(249, 115, 22, 0.1);
  --ht-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --ht-glow-a: rgba(234, 88, 12, 0.16);
  --ht-glow-b: rgba(249, 115, 22, 0.08);
  --ht-grid: rgba(249, 115, 22, 0.04);
}

html[data-hp-theme="light"] body.production-core {
  --ht-bg: #faf6f3;
  --ht-bg-elevated: #ffffff;
  --ht-bg-panel: #f3ebe4;
  --ht-border: #dccfc4;
  --ht-text: #1a120e;
  --ht-text-muted: #6b5a4e;
  --ht-text-dim: #8a786e;
  --ht-accent: #ea580c;
  --ht-accent-dim: rgba(234, 88, 12, 0.1);
  --ht-link: #c2410c;
  --ht-code-bg: #f7f0ea;
  --ht-code-inline-bg: rgba(234, 88, 12, 0.08);
  --ht-shadow: 0 8px 24px rgba(26, 18, 14, 0.08);
  --ht-glow-a: rgba(234, 88, 12, 0.12);
  --ht-glow-b: rgba(249, 115, 22, 0.06);
  --ht-grid: rgba(234, 88, 12, 0.05);
}

body.production-core .production-q-list__status--live {
  background: var(--ht-accent-dim);
  border: 1px solid color-mix(in srgb, var(--ht-accent) 35%, transparent);
  color: var(--ht-accent);
  font-size: 0.72rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
}