:root {
  color-scheme: light;
  --qf-primary: #4f46e5;
  --qf-accent: #10b981;
  --qf-bg: #f8fafc;
  --qf-surface: #ffffff;
  --qf-surface-alt: #eef2f7;
  --qf-text: #0f172a;
  --qf-muted: #475569;
  --qf-border: #d5dce6;
  --qf-link: #4338ca;
  --qf-on-primary: #ffffff;
  --qf-success: #047857;
  --qf-warning: #b45309;
  --qf-danger: #b91c1c;
  --qf-heading: #0f172a;
  --qf-on-dark: #f8fafc;
  --qf-text-base: #0f172a;
  --qf-heading-base: #0f172a;
  --qf-muted-base: #475569;
  --qf-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --qf-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --qf-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --qf-weight-regular: 400;
  --qf-weight-medium: 500;
  --qf-weight-semibold: 600;
  --qf-weight-bold: 700;
  --qf-base-size: 17px;
  --qf-step-n2: 0.640rem;
  --qf-step-n1: 0.800rem;
  --qf-step-0: 1.000rem;
  --qf-step-1: 1.250rem;
  --qf-step-2: 1.562rem;
  --qf-step-3: clamp(1.667rem, 1.524rem + 0.572vw, 1.953rem);
  --qf-step-4: clamp(2.009rem, 1.793rem + 0.865vw, 2.441rem);
  --qf-step-5: clamp(2.436rem, 2.128rem + 1.231vw, 3.052rem);
  --qf-step-6: clamp(2.970rem, 2.548rem + 1.689vw, 3.815rem);
  --qf-space-0: 0.000rem;
  --qf-space-1: 0.250rem;
  --qf-space-2: 0.500rem;
  --qf-space-3: 0.750rem;
  --qf-space-4: 1.000rem;
  --qf-space-5: 1.250rem;
  --qf-space-6: 1.500rem;
  --qf-space-7: 1.750rem;
  --qf-space-8: 2.000rem;
  --qf-space-9: 2.250rem;
  --qf-space-10: 2.500rem;
  --qf-space-11: 2.750rem;
  --qf-space-12: 3.000rem;
  --qf-space-13: 3.250rem;
  --qf-space-14: 3.500rem;
  --qf-space-15: 3.750rem;
  --qf-space-16: 4.000rem;
  --qf-radius-btn: 8px;
  --qf-radius-card: 12px;
  --qf-content: 720px;
  --qf-wide: 1200px;
}