:root {
  color-scheme: light;
  --j7-colour-ink: #191919;
  --j7-colour-ink-soft: #3b3b3b;
  --j7-colour-brand: #c8102e;
  --j7-colour-accent: #ef7d00;
  --j7-colour-canvas: #f4f3f0;
  --j7-colour-surface: #ffffff;
  --j7-colour-surface-muted: #faf9f7;
  --j7-colour-line: #d9d5cf;
  --j7-colour-muted: #626262;
  --j7-colour-success: #216e39;
  --j7-colour-warning: #8a4b08;
  --j7-colour-error: #a40e26;
  --j7-colour-focus: #9f1239;
  --j7-font-body: Arial, Helvetica, sans-serif;
  --j7-font-size-xs: 0.75rem;
  --j7-font-size-sm: 0.875rem;
  --j7-font-size-md: 1rem;
  --j7-font-size-lg: 1.25rem;
  --j7-font-size-xl: clamp(1.75rem, 3vw, 2.75rem);
  --j7-space-1: 0.25rem;
  --j7-space-2: 0.5rem;
  --j7-space-3: 0.75rem;
  --j7-space-4: 1rem;
  --j7-space-5: 1.5rem;
  --j7-space-6: 2rem;
  --j7-radius-sm: 0.375rem;
  --j7-radius-md: 0.625rem;
  --j7-radius-lg: 0.875rem;
  --j7-shadow-card: 0 0.375rem 1.25rem rgba(25, 25, 25, 0.06);
  --j7-layout-content: 82rem;
  --j7-control-min-size: 2.75rem;
  --j7-focus-ring: 0 0 0 0.1875rem rgba(159, 18, 57, 0.35);
}