:root {
  --cms-color-text: #172535;
  --cms-color-text-soft: #354b60;
  --cms-color-text-muted: #586b7e;
  --cms-color-canvas: #f7f9fb;
  --cms-color-surface: #ffffff;
  --cms-color-surface-subtle: #eef3f7;
  --cms-color-surface-inverse: #1c2d3b;
  --cms-color-surface-inverse-soft: #273f52;
  --cms-color-text-inverse: #172535;
  --cms-color-text-inverse-muted: #d7e0e7;
  --cms-color-border: #dbe3e9;
  --cms-color-border-strong: #bcc9d3;
  --cms-color-accent: #5e7e96;
  --cms-color-accent-strong: #315a78;
  --cms-color-highlight: #dce7ef;
  --cms-color-on-accent: #ffffff;
  --cms-color-on-highlight: #172535;
  --cms-color-header: #f7f9fb;
  --cms-color-hero: #eef3f7;
  --cms-color-success: #1f6b45;
  --cms-color-success-soft: #e6f4ec;
  --cms-color-warning: #8a5a0a;
  --cms-color-warning-soft: #fff4d9;
  --cms-color-danger: #a43131;
  --cms-color-danger-soft: #fdeaea;
  --cms-color-focus: #0d5ea8;
  --cms-color-focus-inverse: #ffffff;
}