/* Automatisch generiert aus design-system/tokens/source.json. Nicht direkt bearbeiten. */
/* Contract 1.1.0 */
:root {
  --vd-canvas: #f7f5f1;
  --vd-surface: #fffdf9;
  --vd-surface-raised: #ffffff;
  --vd-surface-muted: #f1efea;
  --vd-surface-quiet: #ebe8e1;
  --vd-line: #e2ded6;
  --vd-line-strong: #cbc5ba;
  --vd-ink: #171714;
  --vd-ink-secondary: #5f5b54;
  --vd-ink-muted: #8c877e;
  --vd-brand: #e33a16;
  --vd-brand-strong: #c92f10;
  --vd-brand-soft: rgba(227, 58, 22, 0.08);
  --vd-success: #2f7d50;
  --vd-success-soft: #e7f2ea;
  --vd-warning: #b96a23;
  --vd-warning-soft: #fbefe3;
  --vd-danger: #c44234;
  --vd-danger-soft: #f9e8e5;
  --vd-info: #3975ba;
  --vd-info-soft: #e8f0f9;
  --vd-focus: rgba(227, 58, 22, 0.18);
  --vd-shadow-float: 0 18px 48px rgba(35, 30, 24, 0.12);
  --vd-shadow-soft: 0 8px 24px rgba(35, 30, 24, 0.06);
  --vd-radius-xs: 5px;
  --vd-radius-sm: 8px;
  --vd-radius-md: 12px;
  --vd-sidebar-width: 148px;
  --vd-topbar-height: 60px;
  --vd-control-height: 40px;
  --vd-content-gap: 16px;
  --vd-motion-fast: 120ms;
  --vd-motion-normal: 180ms;
  --vd-component-button-height: 40px;
  --vd-component-button-radius: 8px;
  --vd-component-input-height: 42px;
  --vd-component-input-radius: 8px;
  --vd-component-card-radius: 12px;
  --vd-component-card-padding: 16px;
  --vd-component-dialog-radius: 16px;
  --vd-component-focus-width: 3px;
  --vd-component-touch-target: 44px;
}

[data-theme="dark"] {
  --vd-canvas: #171714;
  --vd-surface: #1d1d19;
  --vd-surface-raised: #22221e;
  --vd-surface-muted: #292923;
  --vd-surface-quiet: #303029;
  --vd-line: #37372f;
  --vd-line-strong: #4a4940;
  --vd-ink: #f2efe8;
  --vd-ink-secondary: #c3beb4;
  --vd-ink-muted: #8f8a80;
  --vd-brand: #ff5a32;
  --vd-brand-strong: #ff744f;
  --vd-brand-soft: rgba(255, 90, 50, 0.12);
  --vd-success: #75bd8c;
  --vd-success-soft: #203629;
  --vd-warning: #e2a35f;
  --vd-warning-soft: #3b2e20;
  --vd-danger: #ed7568;
  --vd-danger-soft: #3b2523;
  --vd-info: #78a9df;
  --vd-info-soft: #202f40;
  --vd-focus: rgba(255, 90, 50, 0.26);
  --vd-shadow-float: 0 20px 56px rgba(0, 0, 0, 0.38);
  --vd-shadow-soft: 0 8px 26px rgba(0, 0, 0, 0.20);
  --vd-radius-xs: 5px;
  --vd-radius-sm: 8px;
  --vd-radius-md: 12px;
  --vd-sidebar-width: 148px;
  --vd-topbar-height: 60px;
  --vd-control-height: 40px;
  --vd-content-gap: 16px;
  --vd-motion-fast: 120ms;
  --vd-motion-normal: 180ms;
  --vd-component-button-height: 40px;
  --vd-component-button-radius: 8px;
  --vd-component-input-height: 42px;
  --vd-component-input-radius: 8px;
  --vd-component-card-radius: 12px;
  --vd-component-card-padding: 16px;
  --vd-component-dialog-radius: 16px;
  --vd-component-focus-width: 3px;
  --vd-component-touch-target: 44px;
}

[data-theme="contrast"] {
  --vd-canvas: #000000;
  --vd-surface: #090909;
  --vd-surface-raised: #111111;
  --vd-surface-muted: #1b1b1b;
  --vd-surface-quiet: #242424;
  --vd-line: #ffffff;
  --vd-line-strong: #ffffff;
  --vd-ink: #ffffff;
  --vd-ink-secondary: #ffffff;
  --vd-ink-muted: #f2f2f2;
  --vd-brand: #ffe600;
  --vd-brand-strong: #ffffff;
  --vd-brand-soft: rgba(255, 230, 0, 0.20);
  --vd-success: #66ff99;
  --vd-success-soft: #002d12;
  --vd-warning: #ffd000;
  --vd-warning-soft: #332a00;
  --vd-danger: #ff6b6b;
  --vd-danger-soft: #3a0000;
  --vd-info: #72c7ff;
  --vd-info-soft: #00253d;
  --vd-focus: rgba(255, 230, 0, 0.55);
  --vd-shadow-float: 0 0 0 2px #ffffff;
  --vd-shadow-soft: 0 0 0 1px #ffffff;
  --vd-radius-xs: 0px;
  --vd-radius-sm: 2px;
  --vd-radius-md: 4px;
  --vd-sidebar-width: 168px;
  --vd-topbar-height: 64px;
  --vd-control-height: 44px;
  --vd-content-gap: 18px;
  --vd-motion-fast: 0ms;
  --vd-motion-normal: 0ms;
  --vd-component-button-height: 46px;
  --vd-component-button-radius: 2px;
  --vd-component-input-height: 48px;
  --vd-component-input-radius: 2px;
  --vd-component-card-radius: 4px;
  --vd-component-card-padding: 18px;
  --vd-component-dialog-radius: 4px;
  --vd-component-focus-width: 4px;
  --vd-component-touch-target: 48px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --vd-motion-fast: 0ms; --vd-motion-normal: 0ms; }
}
