/* ── QARA BRAND THEME ────────────────────────
   Fixed palette - not user-overridable.
   Teal  (#17726d) → primary actions, CTAs, focus rings, progress
   Gold  (#cdaa36) → identity: nav indicators, logo accent, model dot
   White             → clean backgrounds and contrast text
────────────────────────────────────────────── */

/* Logo mark: no background, show SVG as-is */
.logo-mark { background: none; }

/* Primary buttons: teal */
.btn-primary    { background: var(--accent); border-color: var(--accent); }

/* Active tab: gold indicator line + text */
.tab.active     { color: var(--gold); border-bottom-color: var(--gold); }
.tab.active .tab-badge { background: rgba(var(--gold-rgb),.14); color: var(--gold-btn); }

/* Logo wordmark highlight */
.logo-name em   { color: var(--gold); }

/* Model indicator dot: gold - set directly in layout.css */

/* Progress bar: teal */
.progress-fill  { background: var(--accent); }