:root {
  --ecosystem-product-bar-height: 2.75rem;
}

.ecosystem-product-bar-surface {
  background-color: rgb(5 7 11 / 98%);
}

.ecosystem-product-shell-offset {
  padding-top: var(--ecosystem-product-bar-height);
}

.ecosystem-sticky-below-product-bar {
  top: var(--ecosystem-product-bar-height);
}

.ecosystem-sidebar-below-headers {
  top: calc(var(--ecosystem-product-bar-height) + 4rem);
  height: calc(100vh - var(--ecosystem-product-bar-height) - 4rem);
}


/* Canonical Dant3 dark/light product identity. The site already loads this
 * stylesheet for every route. No extra CSS fetch or changed brand asset.
 * The original six stable theme IDs remain readable for legacy preferences. */
html.dark {
  --background: #0d090c;
  --foreground: #f7f2f4;
  --card: #171012;
  --card-foreground: #f7f2f4;
  --popover: #160e12;
  --popover-foreground: #f7f2f4;
  --primary: #ff715d;
  --primary-foreground: #1a0807;
  --secondary: #27181d;
  --secondary-foreground: #f1e7eb;
  --muted: #271b20;
  --muted-foreground: #b9aeb4;
  --accent: #381c22;
  --accent-foreground: #fff3f1;
  --border: rgb(255 103 83 / 22%);
  --input: #1c1418;
  --ring: rgb(255 113 93 / 62%);
  --sidebar: #0d090c;
  --sidebar-accent: #28161b;
  --tactical-neon: #ff715d;
  --tactical-neon-hot: #ff917f;
  --tactical-grid-line: rgb(255 103 83 / 8%);
  --tactical-grid-line-strong: rgb(255 103 83 / 15%);
  --tactical-glow: rgb(255 103 83 / 25%);
  --tactical-panel: rgb(10 7 10 / 96%);
  --tactical-panel-soft: rgb(24 13 17 / 94%);
}
html.light {
  --background: #f8f5f4;
  --foreground: #24181c;
  --card: #fffdfc;
  --card-foreground: #24181c;
  --popover: #ffffff;
  --popover-foreground: #24181c;
  --primary: #a8322c;
  --primary-foreground: #fffdfc;
  --secondary: #f0e3e1;
  --secondary-foreground: #2b1c20;
  --muted: #f0e8e6;
  --muted-foreground: #68585e;
  --accent: #f6e1dc;
  --accent-foreground: #29191b;
  --border: rgb(159 65 66 / 25%);
  --input: #f5edeb;
  --ring: rgb(168 50 44 / 48%);
  --sidebar: #f8f2f1;
  --sidebar-accent: #f5e4df;
  --tactical-neon: #a8322c;
  --tactical-neon-hot: #c75043;
  --tactical-grid-line: rgb(168 50 44 / 7%);
  --tactical-grid-line-strong: rgb(168 50 44 / 12%);
  --tactical-glow: rgb(168 50 44 / 12%);
  --tactical-panel: rgb(255 253 252 / 96%);
  --tactical-panel-soft: rgb(250 243 242 / 94%);
}
html.light .ecosystem-product-bar-surface {
  background-color: rgb(250 246 245 / 98%);
  color: #281b20;
  border-bottom-color: rgb(159 65 66 / 20%);
}
html.light .ecosystem-product-bar-surface a,
html.light .ecosystem-product-bar-surface button,
html.light .ecosystem-product-bar-surface [data-release-stage="beta"] {
  color: #49373d;
}
html.light .ecosystem-product-bar-surface a[aria-current="page"] {
  color: #a8322c;
  background: rgb(168 50 44 / 9%);
  border-color: rgb(168 50 44 / 22%);
}
html.light .ecosystem-product-bar-surface [data-release-stage="beta"] {
  border-color: rgb(159 65 66 / 25%);
  background: rgb(168 50 44 / 8%);
}