:where(.ms-site, [data-ms-scope="site"]) {
  color-scheme: dark;

  --ms-color-navy-950: #0b1628;
  --ms-color-graphite-900: #20252c;
  --ms-color-blue-600: #2563eb;
  --ms-color-blue-400: #60a5fa;
  --ms-color-cyan-400: #19c5e8;
  --ms-color-white-50: #f7f9fc;

  --ms-color-bg: #07111f;
  --ms-color-surface: rgba(11, 22, 40, 0.82);
  --ms-color-surface-elevated: rgba(32, 37, 44, 0.72);
  --ms-color-border: rgba(247, 249, 252, 0.12);
  --ms-color-border-strong: rgba(96, 165, 250, 0.48);
  --ms-color-text: #f7f9fc;
  --ms-color-text-muted: rgba(247, 249, 252, 0.76);
  --ms-color-action-bg: #2563eb;
  --ms-color-action-text: #ffffff;
  --ms-color-link: #60a5fa;
  --ms-color-accent: #19c5e8;
  --ms-color-focus: #19c5e8;
  --ms-color-success: #22c55e;
  --ms-color-warning: #f59e0b;
  --ms-color-danger: #ef4444;

  --ms-font-sans: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-display: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-body: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-utility: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ms-text-xs: 0.875rem;
  --ms-text-sm: 0.9375rem;
  --ms-text-base: 1rem;
  --ms-text-lg: 1.125rem;
  --ms-text-xl: 1.25rem;
  --ms-text-2xl: clamp(1.5rem, 2vw, 1.875rem);
  --ms-text-3xl: clamp(1.875rem, 3vw, 2.5rem);
  --ms-text-4xl: clamp(2.25rem, 6vw, 4.5rem);

  --ms-leading-tight: 1.08;
  --ms-leading-heading: 1.15;
  --ms-leading-body: 1.6;

  --ms-space-1: 0.25rem;
  --ms-space-2: 0.5rem;
  --ms-space-3: 0.75rem;
  --ms-space-4: 1rem;
  --ms-space-5: 1.25rem;
  --ms-space-6: 1.5rem;
  --ms-space-8: 2rem;
  --ms-space-10: 2.5rem;
  --ms-space-12: 3rem;
  --ms-space-16: 4rem;
  --ms-space-20: 5rem;
  --ms-space-24: 6rem;
  --ms-space-32: 8rem;

  --ms-radius-sm: 0.625rem;
  --ms-radius-md: 0.875rem;
  --ms-radius-lg: 1.125rem;
  --ms-radius-xl: 1.5rem;
  --ms-radius-pill: 999px;

  --ms-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.16);
  --ms-shadow-md: 0 18px 48px rgba(0, 0, 0, 0.28);
  --ms-shadow-glow: 0 0 36px rgba(37, 99, 235, 0.18);
  --ms-focus-ring: 0 0 0 3px rgba(25, 197, 232, 0.42);

  --ms-container-content: 96rem;
  --ms-container-wide: 108rem;
  --ms-container-copy: 45rem;
  --ms-gutter: clamp(1rem, 3vw, 2rem);

  --ms-duration-fast: 160ms;
  --ms-duration-normal: 240ms;
  --ms-duration-slow: 360ms;
  --ms-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --ms-z-header: 100;
  --ms-z-overlay: 200;
  --ms-z-modal: 300;
}