/* AltaAI Blueprint — brand & semantic accents (light defaults) */
:root {
  --brand-primary: #007bff;
  --brand-primary-rgb: 0, 123, 255;
  --brand-accent: #00c4a7;
  --brand-graphite: #2e2e2e;

  /* Interactive primary scale (light) */
  --primary: var(--brand-primary);
  --primary-hover: #0069d9;
  --primary-active: #005cbf;
  --primary-muted: #e8f2ff;
  --primary-subtle: rgba(0, 123, 255, 0.12);
  --primary-ring: rgba(0, 123, 255, 0.35);
}

html.dark {
  /* Desaturated steel-blue — no neon glow on charcoal */
  --brand-primary: #7c9cc4;
  --brand-primary-rgb: 124, 156, 196;
  --brand-accent: #5eb8a8;
  --brand-graphite: #8b95a8;

  --primary: #7c9cc4;
  --primary-hover: #93aed0;
  --primary-active: #a8bdd9;
  --primary-muted: #1e2836;
  --primary-subtle: rgba(124, 156, 196, 0.14);
  --primary-ring: rgba(124, 156, 196, 0.38);
}

.brand-text-primary {
  color: var(--brand-primary);
}
.brand-bg-primary {
  background-color: var(--brand-primary);
}
.brand-border-primary {
  border-color: var(--brand-primary);
}
.brand-text-accent {
  color: var(--brand-accent);
}
.brand-bg-accent {
  background-color: var(--brand-accent);
}
.brand-border-accent {
  border-color: var(--brand-accent);
}
.brand-text-graphite {
  color: var(--brand-graphite);
}
.brand-bg-graphite {
  background-color: var(--brand-graphite);
}
.brand-border-graphite {
  border-color: var(--brand-graphite);
}

.brand-icon-filter-primary {
  filter: invert(27%) sepia(94%) saturate(5000%) hue-rotate(200deg) brightness(100%)
    contrast(105%);
}

html.dark .brand-icon-filter-primary {
  filter: invert(72%) sepia(12%) saturate(600%) hue-rotate(182deg) brightness(95%)
    contrast(90%);
}