/* 02-reset.css — Bootstrap overrides, element resets */

/* ─── Bootstrap 5.3 Variable Overrides ───
   Maps Bootstrap's CSS-variable API to Cellar design tokens.
   data-bs-theme="dark" provides the dark baseline;
   these overrides refine it to match our noir palette.
   ─────────────────────────────────────── */
[data-bs-theme="dark"] {
  /* Surfaces */
  --bs-body-bg: var(--noir-950);
  --bs-body-color: var(--ivory-100);
  --bs-secondary-bg: var(--noir-900);
  --bs-tertiary-bg: var(--noir-800);

  /* Borders */
  --bs-border-color: var(--border-default);

  /* Links */
  --bs-link-color: var(--amber-400);
  --bs-link-hover-color: var(--amber-300);

  /* Emphasis */
  --bs-emphasis-color: var(--ivory-100);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus-visible {
  outline: 2px solid var(--amber-400);
  outline-offset: 2px;
}

body {
  font-family: var(--font-body);
  color: var(--ivory-100);
  background-color: var(--noir-950);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}