:root {
  color-scheme: light;

  --mt-color-brand-50: #fff1f1;
  --mt-color-brand-100: #ffe0e1;
  --mt-color-brand-200: #ffc2c4;
  --mt-color-brand-500: #ef1f25;
  --mt-color-brand-600: #d71920;
  --mt-color-brand-700: #b90f15;
  --mt-color-brand-900: #68080c;

  --mt-color-ink: #111214;
  --mt-color-text: #27292d;
  --mt-color-muted: #5d626b;
  --mt-color-subtle: #858a93;
  --mt-color-border: #dfe1e5;
  --mt-color-border-soft: #eceef1;
  --mt-color-surface: #f5f6f8;
  --mt-color-surface-raised: #ffffff;
  --mt-color-surface-inverse: #111214;

  --mt-color-success-bg: #e9f8ef;
  --mt-color-success-text: #176c39;
  --mt-color-warning-bg: #fff4d8;
  --mt-color-warning-text: #6d500d;
  --mt-color-danger-bg: #fff0f0;
  --mt-color-danger-text: #8f1419;
  --mt-color-info-bg: #edf4ff;
  --mt-color-info-text: #1e5799;

  --mt-font-sans: "Instrument Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mt-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --mt-font-size-xs: 0.75rem;
  --mt-font-size-sm: 0.875rem;
  --mt-font-size-md: 1rem;
  --mt-font-size-lg: 1.125rem;
  --mt-font-size-xl: 1.5rem;
  --mt-font-size-2xl: clamp(1.75rem, 3vw, 2.25rem);
  --mt-line-height-tight: 1.15;
  --mt-line-height-body: 1.55;
  --mt-letter-spacing-heading: -0.035em;

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

  --mt-radius-sm: 0.5rem;
  --mt-radius-md: 0.75rem;
  --mt-radius-lg: 1rem;
  --mt-radius-xl: 1.25rem;
  --mt-radius-round: 999px;

  --mt-shadow-sm: 0 2px 10px rgb(17 18 20 / 0.06);
  --mt-shadow-md: 0 18px 50px rgb(17 18 20 / 0.1);
  --mt-shadow-brand: 0 10px 24px rgb(215 25 32 / 0.24);
  --mt-focus-ring: 0 0 0 3px rgb(215 25 32 / 0.22);

  --mt-control-height: 2.75rem;
  --mt-content-max: 90rem;
  --mt-sidebar-width: 16.5rem;
  --mt-topbar-height: 5.125rem;

  --mt-duration-fast: 120ms;
  --mt-duration-normal: 200ms;
  --mt-easing-standard: cubic-bezier(0.2, 0, 0, 1);

  --mt-z-dropdown: 40;
  --mt-z-overlay: 60;
  --mt-z-toast: 80;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mt-duration-fast: 0ms;
    --mt-duration-normal: 0ms;
  }
}