html[data-colour='navy'] {
  color-scheme: light;
  --c-bg: #f4f8fd;
  --c-surface: #ffffff;
  --c-surface-2: #eaf1fa;
  --c-text: #14213d;
  --c-muted: #5b6b86;
  --c-heading: #0b2a6f;
  --c-primary: #1a63d6;
  --c-on-primary: #ffffff;
  --c-accent: #0b2a6f;
  --c-accent-2: #12408f;
  --c-on-accent: #ffffff;
  --c-highlight: #1a63d6;
  --c-border: #dfe7f2;
  --c-control-border: #7b869a;
  --c-tag-bg: #eaf3fd;
  --c-tag-text: #12408f;
  --c-focus: #1a63d6;
  --c-error: #b42318;
  --c-success: #116b3e;
}