:root {
  color-scheme: light;

  --cbc-colour-navy-950: #071f2e;
  --cbc-colour-navy-900: #0b2d42;
  --cbc-colour-navy-800: #123f5a;
  --cbc-colour-blue-700: #1d5875;
  --cbc-colour-blue-600: #2b6f93;
  --cbc-colour-blue-100: #e8f0f4;
  --cbc-colour-copper-700: #945233;
  --cbc-colour-copper-600: #b66a42;
  --cbc-colour-copper-100: #f8eee9;
  --cbc-colour-gold-500: #c79d48;
  --cbc-colour-gold-400: #d7b46a;
  --cbc-colour-gold-100: #fbf4e8;

  --cbc-colour-canvas: #f3f7f8;
  --cbc-colour-surface: #ffffff;
  --cbc-colour-surface-subtle: #f8fafb;
  --cbc-colour-border: #d8e1e6;
  --cbc-colour-border-strong: #aebdc5;
  --cbc-colour-text: #17242c;
  --cbc-colour-text-muted: #5b6c76;
  --cbc-colour-text-inverse: #ffffff;
  --cbc-colour-header-muted: #dbe8ee;
  --cbc-colour-header-border: rgba(255, 255, 255, 0.32);
  --cbc-colour-header-hover: rgba(255, 255, 255, 0.12);
  --cbc-colour-overlay: rgba(7, 31, 46, 0.62);

  --cbc-colour-success: #17623e;
  --cbc-colour-success-surface: #e8f4ed;
  --cbc-colour-warning: #755309;
  --cbc-colour-warning-surface: #fff4d8;
  --cbc-colour-danger: #8f3030;
  --cbc-colour-danger-strong: #742626;
  --cbc-colour-danger-surface: #fbeaea;
  --cbc-colour-information: #245e7a;
  --cbc-colour-information-surface: #e9f2f7;
  --cbc-colour-neutral-state: #4f5f68;
  --cbc-colour-neutral-state-surface: #eef2f4;

  --cbc-font-family-sans: "Segoe UI", Arial, sans-serif;
  --cbc-font-size-100: 0.75rem;
  --cbc-font-size-200: 0.875rem;
  --cbc-font-size-300: 1rem;
  --cbc-font-size-400: 1.125rem;
  --cbc-font-size-500: 1.25rem;
  --cbc-font-size-600: 1.5rem;
  --cbc-font-size-700: 2rem;
  --cbc-line-height-tight: 1.25;
  --cbc-line-height-body: 1.5;
  --cbc-font-weight-regular: 400;
  --cbc-font-weight-medium: 500;
  --cbc-font-weight-semibold: 600;
  --cbc-font-weight-bold: 700;

  --cbc-space-0: 0;
  --cbc-space-1: 0.25rem;
  --cbc-space-2: 0.5rem;
  --cbc-space-3: 0.75rem;
  --cbc-space-4: 1rem;
  --cbc-space-5: 1.5rem;
  --cbc-space-6: 2rem;
  --cbc-space-7: 3rem;
  --cbc-space-8: 4rem;

  --cbc-radius-small: 0.375rem;
  --cbc-radius-medium: 0.5rem;
  --cbc-radius-large: 0.75rem;
  --cbc-radius-pill: 999px;

  --cbc-control-height: 2.75rem;
  --cbc-control-height-compact: 2.25rem;
  --cbc-header-height: 4rem;
  --cbc-sidebar-width: 15.5rem;
  --cbc-content-max-width: 90rem;
  --cbc-content-gutter: 1.5rem;

  --cbc-breakpoint-mobile: 40rem;
  --cbc-breakpoint-tablet: 64rem;
  --cbc-breakpoint-wide: 80rem;

  --cbc-focus-colour: #2b6f93;
  --cbc-focus-ring: 0 0 0 3px rgba(43, 111, 147, 0.28);
  --cbc-shadow-overlay: 0 16px 40px rgba(7, 31, 46, 0.2);
  --cbc-transition-fast: 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cbc-transition-fast: 0ms;
  }
}