:root {
  /* Core brand */
  --mil-navy-950: #0f172a;
  --mil-navy-900: #1b2a4c;
  --mil-navy-800: #23365e;
  --mil-slate-700: #334155;
  --mil-slate-200: #e2e8f0;
  --mil-white: #ffffff;
  --mil-blue-700: #0b4f8e;
  --mil-blue-600: #0c5698;
  --mil-blue-500: #0e60aa;
  --mil-focus: rgba(12, 86, 152, 0.35);

  /* Shared header contract */
  --mil-header-bg: var(--mil-navy-950);
  --mil-header-border: rgba(148, 163, 184, 0.24);
  --mil-header-text: #f8fafc;
  --mil-header-text-muted: #cbd5e1;
  --mil-header-link-hover-bg: rgba(35, 54, 94, 0.55);
  --mil-header-link-active-bg: rgba(12, 86, 152, 0.25);
  --mil-header-link-active-text: var(--mil-white);
  --mil-header-cta-bg: var(--mil-blue-600);
  --mil-header-cta-bg-hover: var(--mil-blue-700);
  --mil-header-cta-text: var(--mil-white);

  /* Product accent defaults */
  --mil-product-accent: var(--mil-blue-600);
  --mil-product-accent-strong: var(--mil-blue-700);
  --mil-product-accent-soft: rgba(12, 86, 152, 0.14);
}

[data-mil-product="ticket-intelligence"] {
  --mil-product-accent: #1e6f9f;
  --mil-product-accent-strong: #195e87;
  --mil-product-accent-soft: rgba(30, 111, 159, 0.14);
}

[data-mil-product="docs-workspace"] {
  --mil-product-accent: #2e9d6a;
  --mil-product-accent-strong: #267f56;
  --mil-product-accent-soft: rgba(46, 157, 106, 0.14);
}

[data-mil-product="identity"] {
  --mil-product-accent: #5A4FB2;
  --mil-product-accent-strong: #4A4193;
  --mil-product-accent-soft: rgba(90, 79, 178, 0.14);
}

[data-mil-product="desktop-agent"] {
  --mil-product-accent: #C9792B;
  --mil-product-accent-strong: #A76424;
  --mil-product-accent-soft: rgba(201, 121, 43, 0.14);
}

/* Drop-in header styles */
.mil-header {
  background: var(--mil-header-bg);
  color: var(--mil-header-text);
  border-bottom: 1px solid var(--mil-header-border);
}

.mil-header a {
  color: var(--mil-header-text-muted);
}

.mil-header a:hover {
  color: var(--mil-header-text);
  background: var(--mil-header-link-hover-bg);
}

.mil-header .is-active {
  color: var(--mil-header-link-active-text);
  background: var(--mil-header-link-active-bg);
}

.mil-header .mil-cta {
  background: var(--mil-header-cta-bg);
  color: var(--mil-header-cta-text);
}

.mil-header .mil-cta:hover {
  background: var(--mil-header-cta-bg-hover);
}