/**
 * Sleek Mowaq — two flat brand colors only (no navy↔yellow blending)
 * Dark blue: #000080 | Yellow: #FFA500
 */
:root,
[data-bs-theme="light"] {
  --brand-navy: #000080;
  --brand-navy-rgb: 0, 0, 128;
  --brand-yellow: #ffa500;
  --brand-yellow-rgb: 255, 165, 0;
  --brand-yellow-dark: #e69500;
  --palette-navy: var(--brand-navy);
  --palette-navy-rgb: var(--brand-navy-rgb);
  --palette-navy-deep: #000066;
  --palette-navy-mid: #000080;
  --palette-gold: var(--brand-yellow);
  --palette-gold-bright: #ffb733;
  --palette-gold-rgb: var(--brand-yellow-rgb);
  --palette-gold-dark: var(--brand-yellow-dark);
  --palette-orange: var(--brand-yellow);
  --palette-orange-rgb: var(--brand-yellow-rgb);
  --palette-orange-bright: #ffb733;
  --palette-orange-dark: var(--brand-yellow-dark);
  --bs-primary: #000080;
  --bs-primary-rgb: 0, 0, 128;
  --bs-secondary: #3d4f63;
  --bs-secondary-rgb: 61, 79, 99;
  --bs-link-color: #000080;
  --bs-link-color-rgb: 0, 0, 128;
  --bs-link-hover-color: #000066;
  --bs-link-hover-color-rgb: 0, 0, 102;
  --bs-heading-color: #000080;
  --bs-primary-text-emphasis: #00004d;
  --bs-primary-bg-subtle: #e8eaf8;
  --bs-primary-border-subtle: #9aa3d4;
  --bs-focus-ring-color: rgba(0, 0, 128, 0.28);
  --bs-warning: #ffa500;
  --bs-warning-rgb: 255, 165, 0;
  --bs-warning-text-emphasis: #664200;
  --bs-warning-bg-subtle: #fff4e0;
  --bs-warning-border-subtle: #ffd699;
  --bs-btn-primary-hover: #000066;
  --bs-btn-primary-border-hover: #00004d;
  --bs-btn-primary-active: #00004d;
  --app-sidebar-bg: #000080;
  /* Flat surfaces — no gradient overlays */
  --dash-surface-navy: #000080;
  --dash-welcome-gradient: #000080;
  --dash-workshop-overlay: none;
}

.btn-primary {
  --bs-btn-bg: #000080;
  --bs-btn-border-color: #000066;
  --bs-btn-hover-bg: #000066;
  --bs-btn-hover-border-color: #00004d;
  --bs-btn-active-bg: #00004d;
}

.btn-warning {
  --bs-btn-color: #000080;
  --bs-btn-bg: #ffa500;
  --bs-btn-border-color: #e69500;
  --bs-btn-hover-color: #000080;
  --bs-btn-hover-bg: #ffb733;
  --bs-btn-hover-border-color: #ffa500;
  --bs-btn-active-color: #000080;
  --bs-btn-active-bg: #ffa500;
  --bs-btn-active-border-color: #e69500;
}

[data-bs-theme="dark"] {
  --brand-navy: #000080;
  --brand-navy-rgb: 0, 0, 128;
  --brand-yellow: #ffa500;
  --brand-yellow-rgb: 255, 165, 0;
  --palette-gold: var(--brand-yellow);
  --palette-gold-bright: #ffb733;
  --palette-gold-rgb: var(--brand-yellow-rgb);
  --palette-gold-dark: #e69500;
  --palette-navy-deep: #00004d;
  --palette-navy-mid: #000080;
  --bs-body-bg: #0a0f1f;
  --bs-body-bg-rgb: 10, 15, 31;
  --bs-body-color: #c8d0e4;
  --bs-heading-color: #f0f2fa;
  --bs-border-color: rgba(255, 165, 0, 0.2);
  --bs-border-color-translucent: rgba(255, 165, 0, 0.28);
  --bs-light: #243048;
  --bs-primary: #6b9fff;
  --bs-primary-rgb: 107, 159, 255;
  --bs-primary-text-emphasis: #ffb733;
  --bs-primary-bg-subtle: rgba(0, 0, 128, 0.45);
  --bs-primary-border-subtle: rgba(255, 165, 0, 0.35);
  --bs-link-color: #ffa500;
  --bs-link-color-rgb: 255, 165, 0;
  --bs-link-hover-color: #ffb733;
  --bs-focus-ring-color: rgba(255, 165, 0, 0.45);
  --app-sidebar-bg: #000080;
  --dash-surface-navy: #000080;
  --dash-welcome-gradient: #000080;
  --dash-workshop-overlay: none;
}

[data-bs-theme="dark"] .btn-warning {
  --bs-btn-color: #000080;
  --bs-btn-bg: #ffa500;
  --bs-btn-hover-bg: #ffb733;
}