:root {
  --ms-color-brand-50: #fff4f5;
  --ms-color-brand-100: #fde8ea;
  --ms-color-brand-500: #e3212d;
  --ms-color-brand-600: #c91824;
  --ms-color-brand-700: #a9121c;

  --ms-color-neutral-950: #111214;
  --ms-color-neutral-900: #181a1d;
  --ms-color-neutral-800: #272a2f;
  --ms-color-neutral-700: #3e4249;
  --ms-color-neutral-600: #585d66;
  --ms-color-neutral-500: #737983;
  --ms-color-neutral-400: #9ca1a9;
  --ms-color-neutral-300: #c8cbd0;
  --ms-color-neutral-200: #e2e4e7;
  --ms-color-neutral-100: #f0f1f3;
  --ms-color-neutral-50: #f7f8f9;
  --ms-color-warm-100: #f5f2ee;
  --ms-color-warm-50: #faf8f5;
  --ms-color-white: #fff;

  --ms-color-success: #18794e;
  --ms-color-warning: #a15c00;
  --ms-color-error: #c5222f;
  --ms-color-info: #1769aa;

  --ms-color-text-primary: var(--ms-color-neutral-950);
  --ms-color-text-secondary: var(--ms-color-neutral-600);
  --ms-color-surface-page: var(--ms-color-white);
  --ms-color-surface-muted: var(--ms-color-neutral-50);
  --ms-color-surface-warm: var(--ms-color-warm-50);
  --ms-color-border: var(--ms-color-neutral-200);
  --ms-color-action-primary: var(--ms-color-brand-500);
  --ms-color-action-primary-hover: var(--ms-color-brand-600);
  --ms-color-focus: #1769aa;

  --ms-font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-size-display-xl: clamp(3rem, 6.5vw, 5.5rem);
  --ms-font-size-display: clamp(2.625rem, 5.3vw, 4.5rem);
  --ms-font-size-h1: clamp(2.5rem, 4.5vw, 4rem);
  --ms-font-size-h2: clamp(2.125rem, 3.6vw, 3.25rem);
  --ms-font-size-h3: clamp(1.75rem, 2.4vw, 2.375rem);
  --ms-font-size-h4: clamp(1.5rem, 1.8vw, 1.875rem);
  --ms-font-size-body-lg: clamp(1.125rem, 1.3vw, 1.25rem);
  --ms-font-size-body: clamp(1rem, 1.1vw, 1.125rem);
  --ms-font-size-small: 0.875rem;
  --ms-line-heading: 1.08;
  --ms-line-body: 1.65;

  --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-space-40: 10rem;

  --ms-container-reading: 45rem;
  --ms-container-content: 70rem;
  --ms-container-standard: 80rem;
  --ms-container-wide: 90rem;
  --ms-page-gutter: clamp(1.25rem, 3vw, 2rem);

  --ms-section-compact: clamp(4rem, 7vw, 6rem);
  --ms-section-standard: clamp(5rem, 9vw, 8rem);
  --ms-section-feature: clamp(6rem, 10vw, 9rem);

  --ms-radius-xs: 0.375rem;
  --ms-radius-sm: 0.625rem;
  --ms-radius-md: 1rem;
  --ms-radius-lg: 1.5rem;
  --ms-radius-xl: 2rem;
  --ms-radius-pill: 999px;

  --ms-shadow-1: 0 4px 16px rgb(17 18 20 / 0.06);
  --ms-shadow-2: 0 12px 32px rgb(17 18 20 / 0.09);
  --ms-shadow-3: 0 20px 50px rgb(17 18 20 / 0.12);

  --ms-duration-fast: 180ms;
  --ms-duration-standard: 300ms;
  --ms-duration-deliberate: 500ms;
  --ms-ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);

  --ms-layer-base: 0;
  --ms-layer-raised: 10;
  --ms-layer-sticky: 100;
  --ms-layer-dropdown: 200;
  --ms-layer-overlay: 300;
  --ms-layer-modal: 400;
  --ms-layer-toast: 500;
}