:root {
  --color-primary: #0073ff;
  --color-primary-700: #005bd1;
  --color-primary-900: #00429a;
  --color-sky: #54a3db;
  --color-orange: #f36a00;
  --color-green: #41bf90;
  --color-purple: #9235ff;
  --color-ink: #101828;
  --color-ink-2: #26334d;
  --color-muted: #667085;
  --color-soft: #909090;
  --color-line: #e7ecf4;
  --color-page: #f7f8fb;
  --color-white: #ffffff;
  --color-dark: #111a2e;
  --color-blue-soft: #ddf0ff;
  --color-orange-soft: #ffe8db;
  --color-green-soft: #e0fff0;
  --color-purple-soft: #f1e7ff;

  --font-base: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-alt: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif;

  --container: 1064px;
  --gutter: clamp(20px, 5vw, 48px);
  --section-y: clamp(64px, 8vw, 104px);
  --section-y-sm: clamp(44px, 6vw, 72px);

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-card: 0 14px 36px rgba(16, 24, 40, 0.08);
  --shadow-soft: 0 4px 16px rgba(16, 24, 40, 0.06);
  --shadow-blue: 0 20px 50px rgba(0, 115, 255, 0.28);

  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
}