/* Generated by build-spatial-tokens.cjs. Edit Client/DesignSystem/spatial-tokens.json. Draft v0.1.0-draft. */
[data-cw-system] {
  --cw-font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --cw-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --cw-space-1: 4px;
  --cw-space-2: 8px;
  --cw-space-3: 12px;
  --cw-space-4: 16px;
  --cw-space-5: 24px;
  --cw-space-6: 32px;
  --cw-space-7: 48px;
  --cw-space-8: 64px;
  --cw-space-9: 96px;
  --cw-radius-control: 8px;
  --cw-radius-panel: 12px;
  --cw-radius-overlay: 16px;
  --cw-control-height: 44px;
  --cw-type-caption: 12px;
  --cw-type-label: 14px;
  --cw-type-body: 16px;
  --cw-line-body: 1.55;
  --cw-duration-fast: 120ms;
  --cw-duration-enter: 180ms;
  --cw-ease-standard: cubic-bezier(.2,.7,.2,1);
  --cw-layer-base: 0;
  --cw-layer-sticky: 10;
  --cw-layer-overlay: 100;
  --cw-layer-toast: 120;
}
[data-cw-system][data-theme="night"] {
  --cw-surface-canvas: #141c30;
  --cw-surface-panel: #1c273e;
  --cw-surface-raised: #25324b;
  --cw-text-primary: #eef0f8;
  --cw-text-secondary: #a0acc1;
  --cw-border-subtle: #34405a;
  --cw-border-control: #71809a;
  --cw-action-background: #355cff;
  --cw-action-hover: #244ade;
  --cw-action-text: #ffffff;
  --cw-text-link: #91a6ff;
  --cw-focus-ring: #91a6ff;
  --cw-selection-background: #293b68;
  --cw-feedback-success: #72dbb2;
  --cw-feedback-success-surface: #19382f;
  --cw-feedback-warning: #f1c878;
  --cw-feedback-warning-surface: #3d3422;
  --cw-feedback-error: #ffb4a3;
  --cw-feedback-error-surface: #412f35;
  --cw-shadow-overlay: 0 20px 60px #02071355;
}
[data-cw-system][data-theme="day"] {
  --cw-surface-canvas: #f0f2f7;
  --cw-surface-panel: #ffffff;
  --cw-surface-raised: #e6ebf4;
  --cw-text-primary: #20273b;
  --cw-text-secondary: #526079;
  --cw-border-subtle: #d5dbe7;
  --cw-border-control: #7b879b;
  --cw-action-background: #355cff;
  --cw-action-hover: #244ade;
  --cw-action-text: #ffffff;
  --cw-text-link: #355cff;
  --cw-focus-ring: #355cff;
  --cw-selection-background: #e8edff;
  --cw-feedback-success: #176c50;
  --cw-feedback-success-surface: #e2f3ec;
  --cw-feedback-warning: #815019;
  --cw-feedback-warning-surface: #fff4df;
  --cw-feedback-error: #a33225;
  --cw-feedback-error-surface: #fff0eb;
  --cw-shadow-overlay: 0 20px 60px #35436822;
}
[data-context="marketing"] {
  --cw-body-size: 17px;
  --cw-heading-size: clamp(36px,5vw,68px);
  --cw-content-width: 1240px;
  --cw-section-space: clamp(48px,7vw,96px);
  --cw-row-height: 48px;
}
[data-context="workspace"] {
  --cw-body-size: 14px;
  --cw-heading-size: 28px;
  --cw-content-width: 100%;
  --cw-section-space: 24px;
  --cw-row-height: 48px;
}
[data-context="compact"] {
  --cw-body-size: 13px;
  --cw-heading-size: 28px;
  --cw-content-width: 100%;
  --cw-section-space: 20px;
  --cw-row-height: 36px;
}