/* DNB / Bootstrap 5.3 — shared brand and semantic tokens */
:root {
  --dnb-ink: #151515;
  --dnb-cream: #f7f5f0;
  --dnb-gold: #ffc13b;
  --dnb-red: #c84131;
  --dnb-blue: #1959d1;
  --page: #f7f5f0;
  --surface: #fffefa;
  --surface-2: #efede8;
  --ink: #151515;
  --muted: #656462;
  --line: #d9d6cf;
  --gold: var(--dnb-gold);
  --gold-soft: #fff0c9;
  --red: var(--dnb-red);
  --red-soft: #f9e7e2;
  --blue: var(--dnb-blue);
  --blue-soft: #e7eefb;
  --gap: 12px;
  --pad: 16px;
  --sidebar: 212px;
  --bs-primary: #ffc13b;
  --bs-primary-rgb: 255, 193, 59;
  --bs-secondary: #151515;
  --bs-secondary-rgb: 21, 21, 21;
  --bs-info: #1959d1;
  --bs-info-rgb: 25, 89, 209;
  --bs-success: #1959d1;
  --bs-success-rgb: 25, 89, 209;
  --bs-danger: #c84131;
  --bs-danger-rgb: 200, 65, 49;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--page);
  --bs-border-color: var(--line);
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 0;
  --bs-link-color: var(--blue);
  --bs-link-hover-color: var(--red);
  --bs-font-sans-serif: Inter, sans-serif;
  color-scheme: light;
}
[data-bs-theme="dark"] {
  --page: #171717;
  --surface: #202020;
  --surface-2: #282828;
  --ink: #f7f5f0;
  --muted: #b4b2ad;
  --line: #3d3b38;
  --gold-soft: #3d321a;
  --red: #f07b6c;
  --red-soft: #3e2522;
  --blue: #83adfa;
  --blue-soft: #202e46;
  color-scheme: dark;
}
[data-density="comfortable"] { --gap: 18px; --pad: 22px; }