@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Syne:wght@400;600;700&display=swap');

:root {
  --ds-color-neutral-background: #000000;
  --ds-color-neutral-surface: #ffffff;
  --ds-color-neutral-surface-raised: #fbfcfd;
  --ds-color-neutral-text-primary: #1f2937;
  --ds-color-neutral-text-secondary: #4b5563;
  --ds-color-neutral-text-muted: #6b7280;
  --ds-color-neutral-border: #8a93a0;
  --ds-color-neutral-border-strong: #6f7785;
  --ds-color-neutral-focus: #2563eb;
  --ds-color-neutral-overlay: rgba(17, 24, 39, 0.48);

  --ds-color-accent-blue-tint: #dcecff;
  --ds-color-accent-green-tint: #deefe5;
  --ds-color-accent-yellow-tint: #f6edd1;
  --ds-color-accent-pink-tint: #f7e1ec;
  --ds-color-accent-purple-tint: #e8e3f5;

  --ds-color-feedback-success-bg: #e8f6ec;
  --ds-color-feedback-success-text: #1d5f32;
  --ds-color-feedback-error-bg: #fceaea;
  --ds-color-feedback-error-text: #8a1f2d;
  --ds-color-feedback-warning-bg: #fff5df;
  --ds-color-feedback-warning-text: #7a4a00;

  --ds-font-family-base: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
  --ds-font-size-xs: 12.8px;
  --ds-font-size-sm: 16px;
  --ds-font-size-md: 20px;
  --ds-font-size-lg: 25px;
  --ds-font-size-xl: 31.25px;
  --ds-font-size-xxl: 39.06px;

  --ds-line-height-tight: 1.2;
  --ds-line-height-normal: 1.5;
  --ds-line-height-relaxed: 1.7;

  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;

  --ds-space-1: 8px;
  --ds-space-2: 16px;
  --ds-space-3: 24px;
  --ds-space-4: 32px;
  --ds-space-5: 48px;
  --ds-space-6: 80px;

  --ds-radius-sm: 10px;
  --ds-radius-md: 14px;
  --ds-radius-lg: 18px;
  --ds-radius-pill: 999px;

  --ds-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.06);
  --ds-shadow-md: 0 8px 20px rgba(17, 24, 39, 0.08);
  --ds-shadow-lg: 0 18px 42px rgba(17, 24, 39, 0.12);

  --ds-size-target-min: 48px;
  --ds-size-icon-sm: 16px;
  --ds-size-icon-md: 24px;
  --ds-size-avatar-sm: 32px;
  --ds-size-avatar-md: 48px;
  --ds-size-avatar-lg: 80px;
}