:root,
[data-ds-theme="light"] {
  color-scheme: light;
  --ds-color-background: #f8fafc;
  --ds-color-surface: #ffffff;
  --ds-color-surface-muted: #f1f5f9;
  --ds-color-surface-inverse: #0f172a;
  --ds-color-text: #0f172a;
  --ds-color-text-muted: #526178;
  --ds-color-text-inverse: #ffffff;
  --ds-color-text-inverse-muted: #cbd5e1;
  --ds-color-text-danger: #b91c1c;
  --ds-color-accent-on-inverse: #7dd3fc;
  --ds-color-placeholder: #94a3b8;
  --ds-color-control-inactive: #94a3b8;
  --ds-color-skeleton: #e2e8f0;
  --ds-color-border: #d7e0ea;
  --ds-color-border-hover: #94a3b8;
  --ds-color-border-danger: #dc2626;
  --ds-color-focus-ring: #38bdf8;
  --ds-color-primary: #0284c7;
  --ds-color-primary-hover: #0369a1;
  --ds-color-primary-active: #075985;
  --ds-color-primary-disabled: #bae6fd;
  --ds-color-danger: #dc2626;
  --ds-color-danger-hover: #b91c1c;
  --ds-color-info-surface: #f0f9ff;
  --ds-color-info-border: #7dd3fc;
  --ds-color-info-text: #075985;
  --ds-color-success-surface: #f0fdf4;
  --ds-color-success-border: #86efac;
  --ds-color-success-text: #166534;
  --ds-color-warning-surface: #fffbeb;
  --ds-color-warning-border: #fcd34d;
  --ds-color-warning-text: #92400e;
  --ds-color-error-surface: #fef2f2;
  --ds-color-error-border: #fca5a5;
  --ds-color-error-text: #991b1b;
}