/* Design tokens. Change values here; site.css and views use the variables. */
:root {
  /* Colours */
  --colour-primary: #1b3a6b;
  --colour-primary-dark: #12294d;
  --colour-accent: #c8102e;
  --colour-text: #212529;
  --colour-text-muted: #6c757d;
  --colour-bg: #ffffff;
  --colour-border: #e5e5e5;

  /* Typography */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-body);
  --font-size-base: 16px;

  /* Layout */
  --footer-height: 60px;

  /* Point Bootstrap at our tokens */
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--colour-text);
  --bs-body-bg: var(--colour-bg);
  --bs-link-color: var(--colour-primary);
  --bs-link-hover-color: var(--colour-primary-dark);
  --bs-border-color: var(--colour-border);
}