:root {
  --continuum-bg: #f4f7fb;
  --continuum-surface: #ffffff;
  --continuum-surface-secondary: #f8fbff;
  --continuum-surface-interactive: #eef4ff;
  --continuum-text: #111827;
  --continuum-text-secondary: #4f5f73;
  --continuum-text-muted: #69778a;
  --continuum-border: #dce5ef;
  --continuum-border-strong: #c8d5e4;
  --continuum-overlay: rgba(8, 18, 31, .56);
  --continuum-shadow-1: 0 10px 32px rgba(31, 52, 82, .07);
  --continuum-shadow-2: 0 22px 60px rgba(31, 52, 82, .12);
  --continuum-radius-control: 10px;
  --continuum-radius-surface: 16px;
  --continuum-radius-primary: 20px;
  --continuum-blue: #2867f0;
  --continuum-blue-strong: #1f56cf;
  --continuum-cyan: #087d8c;
  --continuum-violet: #6756c9;
  --continuum-amber: #a95f00;
  --continuum-coral: #bf465a;
  --continuum-focus: #3d7df0;
  --continuum-selected: #2867f0;
  --continuum-pending: #2867f0;
  --continuum-disabled: #718096;
  --continuum-success: #087d8c;
  --continuum-warning: #a95f00;
  --continuum-attention: #bf465a;
}
html[data-theme="dark"], body[data-theme="dark"] {
  --continuum-bg: #080e17;
  --continuum-surface: #101923;
  --continuum-surface-secondary: #0d1620;
  --continuum-surface-interactive: #17263a;
  --continuum-text: #eef4fb;
  --continuum-text-secondary: #a8b5c5;
  --continuum-text-muted: #8594a8;
  --continuum-border: #263548;
  --continuum-border-strong: #354861;
  --continuum-overlay: rgba(3, 9, 17, .67);
  --continuum-shadow-1: 0 12px 34px rgba(0, 0, 0, .2);
  --continuum-shadow-2: 0 26px 70px rgba(0, 0, 0, .28);
  --continuum-blue: #78aaff;
  --continuum-blue-strong: #9abfff;
  --continuum-cyan: #66ced8;
  --continuum-violet: #b2a4ff;
  --continuum-amber: #f0ba68;
  --continuum-coral: #ff8797;
  --continuum-focus: #8bb7ff;
  --continuum-selected: #78aaff;
  --continuum-pending: #78aaff;
  --continuum-disabled: #8292a8;
  --continuum-success: #66ced8;
  --continuum-warning: #f0ba68;
  --continuum-attention: #ff8797;
}