:root {
  --ma-color-page: #c0c0c0;
  --ma-color-page-rgb: 192 192 192;
  --ma-color-surface: #dfdfdf;
  --ma-color-surface-rgb: 223 223 223;
  --ma-color-ink: #000000;
  --ma-color-ink-rgb: 0 0 0;
  --ma-color-muted: #333333;
  --ma-color-muted-rgb: 51 51 51;
  --ma-color-brand: #000080;
  --ma-color-brand-rgb: 0 0 128;
  --ma-color-brand-strong: #0000ff;
  --ma-color-brand-strong-rgb: 0 0 255;
  --ma-color-accent: #800000;
  --ma-color-accent-rgb: 128 0 0;
  --ma-color-line: #808080;
  --ma-color-line-rgb: 128 128 128;
  --ma-color-focus: #000080;
  --ma-color-focus-rgb: 0 0 128;
  --ma-color-logo-bg: #c0c0c0;
  --ma-color-logo-bg-rgb: 192 192 192;
  --ma-color-logo-line: #808080;
  --ma-color-logo-line-rgb: 128 128 128;
  --ma-header-bg-opacity: 1;
  --ma-header-bg-scrolled-opacity: 1;
  --ma-header-shell-bg-opacity: 1;
  --ma-header-shell-bg-scrolled-opacity: 1;
  --ma-header-border-opacity: 1;
  --ma-header-border-scrolled-opacity: 1;
  --ma-touch-ink-color: transparent;
  --ma-scrollbar-firefox-width: auto;
  --ma-scrollbar-size: 16px;
  --ma-scrollbar-track-opacity: 1;
  --ma-scrollbar-thumb-opacity: 1;
  --ma-scrollbar-thumb-hover-opacity: 1;
  --ma-scrollbar-thumb-border-size: 2px;
  --ma-section-bg-saturation: 0;
  --ma-section-bg-contrast: 1;
  --ma-font-sans: "Tahoma", "Geneva", "Verdana", "Segoe UI", sans-serif;
  --ma-font-display: "Trebuchet MS", "Arial Black", "Impact", sans-serif;
  --ma-font-mono: "Courier New", "Consolas", "Lucida Console", monospace;
  --ma-space-page-x: clamp(1rem, 3vw, 2rem);
  --ma-container-wide: 1180px;
  --ma-header-height: 60px;
  --ma-anchor-offset: calc(var(--ma-header-height) + 1.25rem);
  --ma-section-title-size: clamp(2rem, 4vw, 3.5rem);
  --ma-section-title-size-mobile: clamp(1.8rem, 9vw, 2.8rem);
  --ma-section-title-line-height: 1.05;
  --ma-radius-sm: 0;
  --ma-radius-md: 0;
  --ma-radius-lg: 0;
  --ma-shadow-soft: none;
  --ma-shadow-header: none;
  --ma-transition-fast: 0ms;
  --ma-transition-base: 0ms;
}