.cf-app[data-theme="sage-slate"] {
  color-scheme: light;
  --cf-canvas: #f5f4f0;
  --cf-shell: #acbdaa;
  --cf-surface: #fffefc;
  --cf-surface-raised: #e7e3de;
  --cf-surface-soft: #cec0bb;
  --cf-border: #b9afa9;
  --cf-text: #1e2d4c;
  --cf-text-muted: #435069;
  --cf-action: #1e2d4c;
  --cf-action-hover: #2a3d63;
  --cf-on-action: #ffffff;
  --cf-accent-secondary: #acbdaa;
  --cf-focus: #52688f;
  --cf-overlay: rgb(30 45 76 / 72%);
  --cf-success: #216e4e;
  --cf-warning: #815300;
  --cf-danger: #b42318;
  --cf-info: #245aa5;
  --cf-skeleton: #d9d4ce;
  --cf-chart-grid: #c9c3be;
  --cf-chart-1: #1e2d4c;
  --cf-chart-2: #6f866f;
}