:root {
  --cr-accent-primary: #a73eff;
  --cr-accent-secondary: #f62583;
  --cr-element-generator-start: #eb4f89;
  --cr-element-generator-action: #7a3fc4;
  --cr-accent-coral: #fe6250;
  --cr-accent-soft: #f3edff;
  --cr-text-primary: #181c32;
  --cr-text-secondary: #454545;
  --cr-text-muted: #8b90a5;
  --cr-text-inverse: #ffffff;
  --cr-surface-base: #ffffff;
  --cr-surface-subtle: #f7f8fc;
  --cr-surface-canvas: #f1effb;
  --cr-surface-dark: #17141d;
  --cr-surface-dark-raised: #211d2a;
  --cr-surface-error: #fff1f3;
  --cr-decoration-lilac: #f4dcff;
  --cr-decoration-purple: #d8c2ff;
  --cr-decoration-pink: #ffcbdc;
  --cr-decoration-empty: #ffd9ec;
  --cr-decoration-yellow: #ffd56b;
  --cr-decoration-green: #96d35f;
  --cr-decoration-history: #ffd5e5;
  --cr-shapes-workspace: #e7e7e7;
  --cr-share-background: #a73eff;
  --cr-share-art-light: #ffe2ee;
  --cr-border-subtle: #e2e5ee;
  --cr-border-strong: #d4d7e2;
  --cr-border-inverse: #ffffff;
  --cr-accent-secondary-border: #f62583;
  --cr-success: #3f9f72;
  --cr-warning: #d59628;
  --cr-error: #d9576d;
  --cr-info: #6785cf;
  --cr-prototype: #ffb84d;
  --cr-approved: #61c994;
  --cr-radius-xs: 5px;
  --cr-radius-sm: 8px;
  --cr-radius-md: 12px;
  --cr-radius-lg: 18px;
  --cr-radius-sheet: 24px;
  --cr-radius-pill: 999px;
  --cr-space-1: 4px;
  --cr-space-2: 8px;
  --cr-space-3: 12px;
  --cr-space-4: 16px;
  --cr-space-5: 20px;
  --cr-space-6: 24px;
  --cr-space-8: 32px;
  --cr-shadow-card: 0 10px 30px rgba(24, 28, 50, .09);
  --cr-shadow-sheet: 0 -8px 24px rgba(24, 28, 50, .10);
  --cr-font-body: Raleway, Inter, ui-sans-serif, system-ui, sans-serif;
  --cr-font-docs: "IBM Plex Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  --cr-font-code: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
}