/*
 * GENERATED by scripts/generate-web-tokens.mjs from design/tokens.json.
 * Do not edit. Run `npm run tokens` after changing a token.
 *
 * 55 colours: the LIGHT palette (Bold B in Wimmo blue, 2026-10-05). The
 * app also has a dark one; the website does not use it.
 *
 * 12 motion values, so the page moves at the app's pace rather
 * than at whatever felt right to whoever wrote the stylesheet.
 */
:root {
  --background: #f4f7fd;
  --surface: #f4f7fd;
  --surface-bright: #f4f7fd;
  --surface-dim: #d8e2f7;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #e9effb;
  --surface-container: #e9effb;
  --surface-container-high: #d8e2f7;
  --surface-container-highest: #d8e2f7;
  --surface-variant: #e9effb;
  --surface-tint: #1d4ed8;
  --inverse-surface: #0f1a33;
  --inverse-on-surface: #f4f7fd;
  --on-background: #0f1a33;
  --on-surface: #0f1a33;
  --on-surface-variant: #3b4866;
  --outline: #56627e;
  --outline-variant: #dce4f3;
  --primary: #0037b0;
  --on-primary: #ffffff;
  --primary-container: #1d4ed8;
  --on-primary-container: #ffffff;
  --primary-fixed: #e3eafc;
  --primary-fixed-dim: #9db3ec;
  --on-primary-fixed: #0f1a33;
  --on-primary-fixed-variant: #0037b0;
  --inverse-primary: #9db3ec;
  --secondary: #0037b0;
  --on-secondary: #ffffff;
  --secondary-container: #1d4ed8;
  --on-secondary-container: #ffffff;
  --secondary-fixed: #e3eafc;
  --secondary-fixed-dim: #9db3ec;
  --on-secondary-fixed: #0037b0;
  --on-secondary-fixed-variant: #0037b0;
  --tertiary: #3b4866;
  --on-tertiary: #ffffff;
  --tertiary-container: #d8e2f7;
  --on-tertiary-container: #0f1a33;
  --tertiary-fixed: #e9effb;
  --tertiary-fixed-dim: #d8e2f7;
  --on-tertiary-fixed: #0f1a33;
  --on-tertiary-fixed-variant: #3b4866;
  --error: #a8322a;
  --on-error: #f4f7fd;
  --error-container: #e9effb;
  --on-error-container: #a8322a;
  --outline-control: #afbedd;
  --scrim: rgba(15,26,51,0.40);
  --disc-rim: #dde5f6;
  --disc-face: #ffffff;
  --disc-tick: #bcc9e6;
  --disc-tick-major: #7183ae;
  --wedge-edge: #0a2a85;
  --hub: #ffffff;

  --motion-toggleKnob-duration: 900ms;
  --motion-toggleKnob-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-selection-duration: 900ms;
  --motion-selection-easing: ease;
  --motion-surfaceHover-duration: 1100ms;
  --motion-surfaceHover-easing: ease;
  --motion-typeShift-duration: 1400ms;
  --motion-typeShift-easing: ease;
  --motion-breathe-duration: 14000ms;
  --motion-breathe-easing: ease-in-out;
  --motion-sessionDrain-demo-duration: 210000ms;
  --motion-sessionDrain-easing: linear;
}