:root{
  --ds-space-1:4px;--ds-space-2:6px;--ds-space-3:8px;--ds-space-4:12px;
  --ds-space-5:16px;--ds-space-6:20px;
  --ds-radius-xs:6px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-pill:999px;
  --ds-control-compact:36px;--ds-control-standard:40px;--ds-control-touch:44px;
  --ds-duration-fast:120ms;--ds-duration-normal:180ms;--ds-ease-standard:cubic-bezier(.2,.8,.2,1);
}

:root{
  --ds-nav-gap:4px;
  --ds-tab-height:38px;
  --ds-subtab-height:36px;
  --ds-toolbar-gap:10px;
  --ds-toolbar-padding:10px;
  --ds-toolbar-radius:12px;
  --ds-nav-active-shadow:0 3px 10px rgba(28,39,48,.06);
}

:root{
  --ds-surface-card:#fff;
  --ds-surface-soft:color-mix(in srgb,var(--primary) 3%,#fff 97%);
  --ds-surface-muted:color-mix(in srgb,var(--primary) 5%,#fff 95%);
  --ds-surface-border:color-mix(in srgb,var(--primary) 9%,var(--line) 91%);
  --ds-surface-shadow:0 8px 24px rgba(28,39,48,.045);
  --ds-surface-shadow-raised:0 18px 48px rgba(28,39,48,.075);
  --ds-drawer-width:460px;
  --ds-modal-width:520px;
}

:root{
  --ds-feedback-info:#34596A;
  --ds-feedback-success:#247A57;
  --ds-feedback-warning:#A56C17;
  --ds-feedback-danger:#B84D59;
  --ds-feedback-info-soft:#EEF5F7;
  --ds-feedback-success-soft:#ECF7F1;
  --ds-feedback-warning-soft:#FFF7E8;
  --ds-feedback-danger-soft:#FDF0F2;
  --ds-feedback-radius:10px;
}