/* ============================================================
   Bootstrap 5.3 → "Night on the Nile" brand theme
   Loaded AFTER bootstrap.min.css and BEFORE main.css:
   Bootstrap provides the framework (grid, modal, offcanvas,
   carousel, utilities); these variables re-skin every Bootstrap
   component to the navy + gold brand so nothing renders bootstrap-blue.
   ============================================================ */

:root,
[data-bs-theme="dark"] {
  color-scheme: dark;

  /* body & text */
  --bs-body-bg: oklch(0.17 0.045 265);            /* --navy-950 */
  --bs-body-color: oklch(0.85 0.02 80);           /* --ink-soft */
  --bs-emphasis-color: oklch(0.96 0.012 85);      /* --ink */
  --bs-secondary-color: oklch(0.72 0.025 75);     /* --ink-faint */
  --bs-tertiary-bg: oklch(0.25 0.052 261);        /* --navy-800 */
  --bs-secondary-bg: oklch(0.21 0.05 263);        /* --navy-900 */
  --bs-body-font-family: 'Hanken Grotesk', system-ui, sans-serif;

  /* brand */
  --bs-primary: #d4af5a;                          /* gold (sRGB fallback of --gold) */
  --bs-primary-rgb: 212, 175, 90;
  --bs-link-color: #d4af5a;
  --bs-link-color-rgb: 212, 175, 90;
  --bs-link-hover-color: #e8c979;
  --bs-link-hover-color-rgb: 232, 201, 121;
  --bs-link-decoration: none;

  /* borders & focus */
  --bs-border-color: oklch(0.32 0.04 260 / 0.55); /* --line */
  --bs-border-radius: 10px;
  --bs-border-radius-lg: 14px;
  --bs-focus-ring-color: oklch(0.78 0.125 88 / 0.25);

  /* headings */
  --bs-heading-color: oklch(0.96 0.012 85);
}

/* Bootstrap components on brand */
.modal { --bs-modal-bg: transparent; --bs-modal-border-width: 0; }
.modal-backdrop { --bs-backdrop-bg: oklch(0.1 0.02 265); --bs-backdrop-opacity: 0.94; }

.offcanvas {
  --bs-offcanvas-bg: oklch(0.19 0.048 264);
  --bs-offcanvas-color: oklch(0.85 0.02 80);
  --bs-offcanvas-width: min(88vw, 360px);
}

.carousel-indicators [data-bs-target] {
  width: 26px; height: 4px;
  border-radius: 999px;
  border: 0;
  background: oklch(0.96 0.012 85 / 0.4);
  transition: background-color 160ms ease, width 250ms cubic-bezier(0.23, 1, 0.32, 1);
}
.carousel-indicators .active { background: #d4af5a; width: 40px; }

/* keep Bootstrap's reboot from fighting the design system */
.btn:focus-visible { box-shadow: 0 0 0 3px var(--bs-focus-ring-color); }