/* Brand colours -- the only colours a client branch changes (see BRANDING.md).
   matejcho: navy #1C3E70, navy-dark #122a4d, navy-light #2c5594, sky #8FB4E8, same as matejcho.com.
   theme.css maps these onto Bootstrap's primary.
   --brand* are solid fills (buttons, badges, active items) and must keep white
   (--brand-on) readable; --brand-text* colour links, text-primary and outline buttons
   and must stay readable on the page background. */
:root, [data-bs-theme="light"] {
  --brand: #1c3e70;
  --brand-rgb: 28, 62, 112;
  --brand-hover: #173359;
  --brand-active: #122a4d;
  --brand-on: #fff;
  --brand-text: #1c3e70;
  --brand-text-rgb: 28, 62, 112;
  --brand-text-hover: #122a4d;
  --brand-text-hover-rgb: 18, 42, 77;
  --brand-focus-border: #8fb4e8;
  --brand-text-emphasis: #0e1b30;
  --brand-bg-subtle: #dbe6f6;
  --brand-border-subtle: #b3cdf1;
}

/* Navy is too dark to read on a dark page: fills move to navy-light,
   text moves to the sky blue matejcho.com uses in dark mode. */
[data-bs-theme="dark"] {
  --brand: #2c5594;
  --brand-rgb: 44, 85, 148;
  --brand-hover: #274c85;
  --brand-active: #224376;
  --brand-text: #8fb4e8;
  --brand-text-rgb: 143, 180, 232;
  --brand-text-hover: #b3cdf1;
  --brand-text-hover-rgb: 179, 205, 241;
  --brand-focus-border: #5e8fd4;
  --brand-text-emphasis: #b3cdf1;
  --brand-bg-subtle: #0e1b30;
  --brand-border-subtle: #344a69;
}