:root{
  --ds-color-brand-500:#2563eb;
  --ds-color-brand-400:#3b82f6;
  --ds-color-brand-700:#1d4ed8;
  --ds-color-accent-500:#f97316;

  --ds-color-bg:#ffffff;
  --ds-color-surface:#ffffff;
  --ds-color-surface-2:#f8fafc;
  --ds-color-border:#e2e8f0;

  --ds-color-text:#0f172a;
  --ds-color-text-muted:#475569;
  --ds-color-text-subtle:#94a3b8;

  --ds-gradient-cta:linear-gradient(90deg,var(--ds-color-brand-500),var(--ds-color-brand-400));
  --ds-gradient-hero:radial-gradient(80% 80% at 50% -20%,color-mix(in oklab,var(--ds-color-brand-500) 30%,transparent),transparent),radial-gradient(50% 50% at 80% 80%,color-mix(in oklab,var(--ds-color-accent-500) 15%,transparent),transparent);

  --ds-space-0:0px;
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:20px;
  --ds-space-6:24px;
  --ds-space-8:32px;
  --ds-space-10:40px;
  --ds-space-12:48px;
  --ds-space-16:64px;
  --ds-space-20:80px;
  --ds-space-24:96px;

  --ds-radius-sm:4px;
  --ds-radius-md:6px;
  --ds-radius-lg:8px;
  --ds-radius-xl:12px;
  --ds-radius-2xl:16px;
  --ds-radius-3xl:24px;

  --ds-shadow-sm:0 1px 2px rgba(15,23,42,.08);
  --ds-shadow-md:0 8px 24px rgba(15,23,42,.10);
  --ds-shadow-lg:0 16px 40px rgba(15,23,42,.14);

  --ds-font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  --ds-font-display:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;

  --ds-text-sm:14px;
  --ds-text-base:16px;
  --ds-text-lg:18px;
  --ds-text-xl:20px;
  --ds-text-2xl:28px;
  --ds-text-3xl:36px;
  --ds-text-4xl:48px;

  --ds-leading-tight:1.15;
  --ds-leading-body:1.6;

  --ds-duration-fast:120ms;
  --ds-duration-base:150ms;
  --ds-duration-slow:220ms;
  --ds-ease-out:cubic-bezier(0,0,.2,1);
  --ds-ease-in:cubic-bezier(.4,0,1,1);
  --ds-ease-float:ease-in-out;
}