:root {
  --sdt-white: #ffffff;
  --sdt-gray-25: #fcfcfd;
  --sdt-gray-50: #f7f7f8;
  --sdt-gray-100: #ececef;
  --sdt-gray-200: #dadce0;
  --sdt-gray-300: #bfc3ca;
  --sdt-gray-500: #747983;
  --sdt-gray-700: #3d4148;
  --sdt-gray-900: #111318;
  --sdt-black: #050608;

  --sdt-text: var(--sdt-gray-900);
  --sdt-text-muted: #666c75;
  --sdt-border: rgba(17, 19, 24, 0.11);
  --sdt-surface: var(--sdt-white);
  --sdt-surface-soft: var(--sdt-gray-50);

  --sdt-blue: #2563ff;
  --sdt-purple: #8b5cf6;
  --sdt-pink: #ec4899;
  --sdt-orange: #f97316;
  --sdt-green: #22c55e;
  --sdt-spectrum: linear-gradient(90deg, var(--sdt-blue) 0%, var(--sdt-purple) 24%, var(--sdt-pink) 48%, var(--sdt-orange) 72%, var(--sdt-green) 100%);

  --sdt-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sdt-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --sdt-text-xs: 0.75rem;
  --sdt-text-sm: 0.875rem;
  --sdt-text-base: 1rem;
  --sdt-text-lg: 1.125rem;
  --sdt-text-xl: 1.375rem;
  --sdt-text-2xl: 1.75rem;
  --sdt-text-3xl: 2.25rem;
  --sdt-text-4xl: 3rem;
  --sdt-text-5xl: 4rem;

  --sdt-leading-tight: 1.08;
  --sdt-leading-heading: 1.15;
  --sdt-leading-body: 1.68;

  --sdt-container: 1180px;
  --sdt-page-gutter: clamp(1rem, 4vw, 3rem);
  --sdt-section-y: clamp(4rem, 8vw, 7.5rem);

  --sdt-button-height: 2.875rem;
  --sdt-radius-sm: 10px;
  --sdt-radius-md: 20px;
  --sdt-radius-card: 20px;
  --sdt-radius-pill: 999px;

  --sdt-shadow-subtle: 0 1px 1px rgba(5, 6, 8, 0.04), 0 14px 36px rgba(5, 6, 8, 0.055);
  --sdt-shadow-lift: 0 18px 50px rgba(5, 6, 8, 0.095);

  --sdt-speed-fast: 160ms;
  --sdt-speed-base: 260ms;
  --sdt-speed-slow: 520ms;
  --sdt-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --sdt-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --sdt-breakpoint-xs: 360px;
  --sdt-breakpoint-sm: 430px;
  --sdt-breakpoint-md: 768px;
  --sdt-breakpoint-lg: 1024px;
  --sdt-breakpoint-xl: 1280px;
  --sdt-breakpoint-2xl: 1440px;
}