/* Material Catalogue — light is the default; the specimen surround
   is identical in both themes and must stay that way. */

:root {
  color-scheme: light;
  --mc-card-min: 20rem;
  --mc-color-accent: #17409F;
  --mc-color-accent-hover: #123281;
  --mc-color-accent-surface: #E8EEFB;
  --mc-color-accent-text: #17409F;
  --mc-color-border: #DCDCDC;
  --mc-color-border-strong: #9E9E9E;
  --mc-color-canvas: #F7F7F7;
  --mc-color-focus: #17409F;
  --mc-color-low: #8A5200;
  --mc-color-low-surface: #FBF0DC;
  --mc-color-out: #B3261E;
  --mc-color-out-surface: #FBE9E7;
  --mc-color-scene-scrim: #111111;
  --mc-color-scene-text: #FFFFFF;
  --mc-color-shell: #FFFFFF;
  --mc-color-specimen-border: #6E6E6E;
  --mc-color-specimen-ground: #CDCDCD;
  --mc-color-specimen-text: #1A1A1A;
  --mc-color-stock: #1E6B45;
  --mc-color-stock-surface: #E4F1EA;
  --mc-color-surface: #FFFFFF;
  --mc-color-surface-sunken: #EFEFEF;
  --mc-color-text: #1A1A1A;
  --mc-color-text-muted: #767676;
  --mc-color-text-on-accent: #FFFFFF;
  --mc-color-text-secondary: #565656;
  --mc-duration-base: 200ms;
  --mc-duration-fast: 120ms;
  --mc-duration-instant: 0ms;
  --mc-duration-slow: 320ms;
  --mc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --mc-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --mc-family-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mc-family-mono: ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;
  --mc-family-text: Inter, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --mc-font-family-body: var(--mc-family-text);
  --mc-font-family-body-lg: var(--mc-family-text);
  --mc-font-family-body-sm: var(--mc-family-text);
  --mc-font-family-caption: var(--mc-family-text);
  --mc-font-family-display: var(--mc-family-display);
  --mc-font-family-heading: var(--mc-family-display);
  --mc-font-family-heading-lg: var(--mc-family-display);
  --mc-font-family-heading-sm: var(--mc-family-display);
  --mc-font-family-label: var(--mc-family-text);
  --mc-font-size-body: clamp(1rem, 0.978rem + 0.0939vw, 1.062rem);
  --mc-font-size-body-lg: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
  --mc-font-size-body-sm: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
  --mc-font-size-caption: clamp(0.75rem, 0.728rem + 0.0939vw, 0.8125rem);
  --mc-font-size-display: clamp(2.5rem, 2.148rem + 1.502vw, 3.5rem);
  --mc-font-size-heading: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
  --mc-font-size-heading-lg: clamp(1.875rem, 1.655rem + 0.939vw, 2.5rem);
  --mc-font-size-heading-sm: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);
  --mc-font-size-label: clamp(0.6875rem, 0.6655rem + 0.0939vw, 0.75rem);
  --mc-gutter: clamp(1rem, 3vw, 2rem);
  --mc-line-height-body: 1.6;
  --mc-line-height-body-lg: 1.55;
  --mc-line-height-body-sm: 1.55;
  --mc-line-height-caption: 1.5;
  --mc-line-height-display: 1.1;
  --mc-line-height-heading: 1.25;
  --mc-line-height-heading-lg: 1.18;
  --mc-line-height-heading-sm: 1.35;
  --mc-line-height-label: 1.4;
  --mc-measure: 72ch;
  --mc-page-max: 90rem;
  --mc-palette-accent-100: #E8EEFB;
  --mc-palette-accent-500: #1F4FBF;
  --mc-palette-accent-600: #17409F;
  --mc-palette-accent-700: #123281;
  --mc-palette-low-100: #FBF0DC;
  --mc-palette-low-600: #8A5200;
  --mc-palette-neutral-0: #FFFFFF;
  --mc-palette-neutral-100: #EFEFEF;
  --mc-palette-neutral-200: #DCDCDC;
  --mc-palette-neutral-300: #C6C6C6;
  --mc-palette-neutral-400: #9E9E9E;
  --mc-palette-neutral-50: #F7F7F7;
  --mc-palette-neutral-500: #767676;
  --mc-palette-neutral-600: #565656;
  --mc-palette-neutral-700: #3D3D3D;
  --mc-palette-neutral-800: #282828;
  --mc-palette-neutral-900: #1A1A1A;
  --mc-palette-neutral-950: #111111;
  --mc-palette-out-100: #FBE9E7;
  --mc-palette-out-600: #B3261E;
  --mc-palette-scene-ink: #FFFFFF;
  --mc-palette-scene-scrim: #111111;
  --mc-palette-specimen-edge: #6E6E6E;
  --mc-palette-specimen-grey: #CDCDCD;
  --mc-palette-specimen-ink: #1A1A1A;
  --mc-palette-stock-100: #E4F1EA;
  --mc-palette-stock-500: #1E6B45;
  --mc-px-per-feature: 2;
  --mc-radius-md: 3px;
  --mc-radius-none: 0;
  --mc-radius-pill: 999px;
  --mc-radius-sm: 2px;
  --mc-rail: 17rem;
  --mc-ratio-brick: 200 / 100;
  --mc-ratio-mosaic: 25 / 25;
  --mc-ratio-plank: 1200 / 200;
  --mc-ratio-slab-jumbo: 3200 / 1600;
  --mc-ratio-slab-quartz: 3050 / 1440;
  --mc-ratio-slab-standard: 3050 / 1400;
  --mc-ratio-tile-1200: 1200 / 1200;
  --mc-ratio-tile-300: 300 / 300;
  --mc-ratio-tile-600: 600 / 600;
  --mc-space-2xl: 2rem;
  --mc-space-2xs: 0.125rem;
  --mc-space-3xl: 3rem;
  --mc-space-4xl: 4rem;
  --mc-space-5xl: 6rem;
  --mc-space-lg: 1rem;
  --mc-space-md: 0.75rem;
  --mc-space-sm: 0.5rem;
  --mc-space-xl: 1.5rem;
  --mc-space-xs: 0.25rem;
  --mc-tracking-body: 0.0em;
  --mc-tracking-body-lg: 0.0em;
  --mc-tracking-body-sm: 0.0em;
  --mc-tracking-caption: 0.01em;
  --mc-tracking-display: -0.02em;
  --mc-tracking-heading: -0.01em;
  --mc-tracking-heading-lg: -0.015em;
  --mc-tracking-heading-sm: -0.005em;
  --mc-tracking-label: 0.08em;
}

[data-theme="light"] {
  color-scheme: light;
  --mc-card-min: 20rem;
  --mc-color-accent: #17409F;
  --mc-color-accent-hover: #123281;
  --mc-color-accent-surface: #E8EEFB;
  --mc-color-accent-text: #17409F;
  --mc-color-border: #DCDCDC;
  --mc-color-border-strong: #9E9E9E;
  --mc-color-canvas: #F7F7F7;
  --mc-color-focus: #17409F;
  --mc-color-low: #8A5200;
  --mc-color-low-surface: #FBF0DC;
  --mc-color-out: #B3261E;
  --mc-color-out-surface: #FBE9E7;
  --mc-color-scene-scrim: #111111;
  --mc-color-scene-text: #FFFFFF;
  --mc-color-shell: #FFFFFF;
  --mc-color-specimen-border: #6E6E6E;
  --mc-color-specimen-ground: #CDCDCD;
  --mc-color-specimen-text: #1A1A1A;
  --mc-color-stock: #1E6B45;
  --mc-color-stock-surface: #E4F1EA;
  --mc-color-surface: #FFFFFF;
  --mc-color-surface-sunken: #EFEFEF;
  --mc-color-text: #1A1A1A;
  --mc-color-text-muted: #767676;
  --mc-color-text-on-accent: #FFFFFF;
  --mc-color-text-secondary: #565656;
  --mc-duration-base: 200ms;
  --mc-duration-fast: 120ms;
  --mc-duration-instant: 0ms;
  --mc-duration-slow: 320ms;
  --mc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --mc-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --mc-family-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mc-family-mono: ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;
  --mc-family-text: Inter, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --mc-font-family-body: var(--mc-family-text);
  --mc-font-family-body-lg: var(--mc-family-text);
  --mc-font-family-body-sm: var(--mc-family-text);
  --mc-font-family-caption: var(--mc-family-text);
  --mc-font-family-display: var(--mc-family-display);
  --mc-font-family-heading: var(--mc-family-display);
  --mc-font-family-heading-lg: var(--mc-family-display);
  --mc-font-family-heading-sm: var(--mc-family-display);
  --mc-font-family-label: var(--mc-family-text);
  --mc-font-size-body: clamp(1rem, 0.978rem + 0.0939vw, 1.062rem);
  --mc-font-size-body-lg: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
  --mc-font-size-body-sm: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
  --mc-font-size-caption: clamp(0.75rem, 0.728rem + 0.0939vw, 0.8125rem);
  --mc-font-size-display: clamp(2.5rem, 2.148rem + 1.502vw, 3.5rem);
  --mc-font-size-heading: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
  --mc-font-size-heading-lg: clamp(1.875rem, 1.655rem + 0.939vw, 2.5rem);
  --mc-font-size-heading-sm: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);
  --mc-font-size-label: clamp(0.6875rem, 0.6655rem + 0.0939vw, 0.75rem);
  --mc-gutter: clamp(1rem, 3vw, 2rem);
  --mc-line-height-body: 1.6;
  --mc-line-height-body-lg: 1.55;
  --mc-line-height-body-sm: 1.55;
  --mc-line-height-caption: 1.5;
  --mc-line-height-display: 1.1;
  --mc-line-height-heading: 1.25;
  --mc-line-height-heading-lg: 1.18;
  --mc-line-height-heading-sm: 1.35;
  --mc-line-height-label: 1.4;
  --mc-measure: 72ch;
  --mc-page-max: 90rem;
  --mc-palette-accent-100: #E8EEFB;
  --mc-palette-accent-500: #1F4FBF;
  --mc-palette-accent-600: #17409F;
  --mc-palette-accent-700: #123281;
  --mc-palette-low-100: #FBF0DC;
  --mc-palette-low-600: #8A5200;
  --mc-palette-neutral-0: #FFFFFF;
  --mc-palette-neutral-100: #EFEFEF;
  --mc-palette-neutral-200: #DCDCDC;
  --mc-palette-neutral-300: #C6C6C6;
  --mc-palette-neutral-400: #9E9E9E;
  --mc-palette-neutral-50: #F7F7F7;
  --mc-palette-neutral-500: #767676;
  --mc-palette-neutral-600: #565656;
  --mc-palette-neutral-700: #3D3D3D;
  --mc-palette-neutral-800: #282828;
  --mc-palette-neutral-900: #1A1A1A;
  --mc-palette-neutral-950: #111111;
  --mc-palette-out-100: #FBE9E7;
  --mc-palette-out-600: #B3261E;
  --mc-palette-scene-ink: #FFFFFF;
  --mc-palette-scene-scrim: #111111;
  --mc-palette-specimen-edge: #6E6E6E;
  --mc-palette-specimen-grey: #CDCDCD;
  --mc-palette-specimen-ink: #1A1A1A;
  --mc-palette-stock-100: #E4F1EA;
  --mc-palette-stock-500: #1E6B45;
  --mc-px-per-feature: 2;
  --mc-radius-md: 3px;
  --mc-radius-none: 0;
  --mc-radius-pill: 999px;
  --mc-radius-sm: 2px;
  --mc-rail: 17rem;
  --mc-ratio-brick: 200 / 100;
  --mc-ratio-mosaic: 25 / 25;
  --mc-ratio-plank: 1200 / 200;
  --mc-ratio-slab-jumbo: 3200 / 1600;
  --mc-ratio-slab-quartz: 3050 / 1440;
  --mc-ratio-slab-standard: 3050 / 1400;
  --mc-ratio-tile-1200: 1200 / 1200;
  --mc-ratio-tile-300: 300 / 300;
  --mc-ratio-tile-600: 600 / 600;
  --mc-space-2xl: 2rem;
  --mc-space-2xs: 0.125rem;
  --mc-space-3xl: 3rem;
  --mc-space-4xl: 4rem;
  --mc-space-5xl: 6rem;
  --mc-space-lg: 1rem;
  --mc-space-md: 0.75rem;
  --mc-space-sm: 0.5rem;
  --mc-space-xl: 1.5rem;
  --mc-space-xs: 0.25rem;
  --mc-tracking-body: 0.0em;
  --mc-tracking-body-lg: 0.0em;
  --mc-tracking-body-sm: 0.0em;
  --mc-tracking-caption: 0.01em;
  --mc-tracking-display: -0.02em;
  --mc-tracking-heading: -0.01em;
  --mc-tracking-heading-lg: -0.015em;
  --mc-tracking-heading-sm: -0.005em;
  --mc-tracking-label: 0.08em;
}

[data-theme="dark"] {
  color-scheme: dark;
  --mc-card-min: 20rem;
  --mc-color-accent: #7EA6FF;
  --mc-color-accent-hover: #A6C2FF;
  --mc-color-accent-surface: #182338;
  --mc-color-accent-text: #9DBBFF;
  --mc-color-border: #3D3D3D;
  --mc-color-border-strong: #767676;
  --mc-color-canvas: #111111;
  --mc-color-focus: #9DBBFF;
  --mc-color-low: #E0A33E;
  --mc-color-low-surface: #2B2113;
  --mc-color-out: #F2837B;
  --mc-color-out-surface: #2E1817;
  --mc-color-scene-scrim: #111111;
  --mc-color-scene-text: #FFFFFF;
  --mc-color-shell: #1A1A1A;
  --mc-color-specimen-border: #6E6E6E;
  --mc-color-specimen-ground: #CDCDCD;
  --mc-color-specimen-text: #1A1A1A;
  --mc-color-stock: #6FCF97;
  --mc-color-stock-surface: #16281E;
  --mc-color-surface: #1A1A1A;
  --mc-color-surface-sunken: #282828;
  --mc-color-text: #F7F7F7;
  --mc-color-text-muted: #9E9E9E;
  --mc-color-text-on-accent: #111111;
  --mc-color-text-secondary: #C6C6C6;
  --mc-duration-base: 200ms;
  --mc-duration-fast: 120ms;
  --mc-duration-instant: 0ms;
  --mc-duration-slow: 320ms;
  --mc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --mc-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --mc-family-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mc-family-mono: ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;
  --mc-family-text: Inter, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --mc-font-family-body: var(--mc-family-text);
  --mc-font-family-body-lg: var(--mc-family-text);
  --mc-font-family-body-sm: var(--mc-family-text);
  --mc-font-family-caption: var(--mc-family-text);
  --mc-font-family-display: var(--mc-family-display);
  --mc-font-family-heading: var(--mc-family-display);
  --mc-font-family-heading-lg: var(--mc-family-display);
  --mc-font-family-heading-sm: var(--mc-family-display);
  --mc-font-family-label: var(--mc-family-text);
  --mc-font-size-body: clamp(1rem, 0.978rem + 0.0939vw, 1.062rem);
  --mc-font-size-body-lg: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
  --mc-font-size-body-sm: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
  --mc-font-size-caption: clamp(0.75rem, 0.728rem + 0.0939vw, 0.8125rem);
  --mc-font-size-display: clamp(2.5rem, 2.148rem + 1.502vw, 3.5rem);
  --mc-font-size-heading: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
  --mc-font-size-heading-lg: clamp(1.875rem, 1.655rem + 0.939vw, 2.5rem);
  --mc-font-size-heading-sm: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);
  --mc-font-size-label: clamp(0.6875rem, 0.6655rem + 0.0939vw, 0.75rem);
  --mc-gutter: clamp(1rem, 3vw, 2rem);
  --mc-line-height-body: 1.6;
  --mc-line-height-body-lg: 1.55;
  --mc-line-height-body-sm: 1.55;
  --mc-line-height-caption: 1.5;
  --mc-line-height-display: 1.1;
  --mc-line-height-heading: 1.25;
  --mc-line-height-heading-lg: 1.18;
  --mc-line-height-heading-sm: 1.35;
  --mc-line-height-label: 1.4;
  --mc-measure: 72ch;
  --mc-page-max: 90rem;
  --mc-palette-accent-100: #E8EEFB;
  --mc-palette-accent-500: #1F4FBF;
  --mc-palette-accent-600: #17409F;
  --mc-palette-accent-700: #123281;
  --mc-palette-low-100: #FBF0DC;
  --mc-palette-low-600: #8A5200;
  --mc-palette-neutral-0: #FFFFFF;
  --mc-palette-neutral-100: #EFEFEF;
  --mc-palette-neutral-200: #DCDCDC;
  --mc-palette-neutral-300: #C6C6C6;
  --mc-palette-neutral-400: #9E9E9E;
  --mc-palette-neutral-50: #F7F7F7;
  --mc-palette-neutral-500: #767676;
  --mc-palette-neutral-600: #565656;
  --mc-palette-neutral-700: #3D3D3D;
  --mc-palette-neutral-800: #282828;
  --mc-palette-neutral-900: #1A1A1A;
  --mc-palette-neutral-950: #111111;
  --mc-palette-out-100: #FBE9E7;
  --mc-palette-out-600: #B3261E;
  --mc-palette-scene-ink: #FFFFFF;
  --mc-palette-scene-scrim: #111111;
  --mc-palette-specimen-edge: #6E6E6E;
  --mc-palette-specimen-grey: #CDCDCD;
  --mc-palette-specimen-ink: #1A1A1A;
  --mc-palette-stock-100: #E4F1EA;
  --mc-palette-stock-500: #1E6B45;
  --mc-px-per-feature: 2;
  --mc-radius-md: 3px;
  --mc-radius-none: 0;
  --mc-radius-pill: 999px;
  --mc-radius-sm: 2px;
  --mc-rail: 17rem;
  --mc-ratio-brick: 200 / 100;
  --mc-ratio-mosaic: 25 / 25;
  --mc-ratio-plank: 1200 / 200;
  --mc-ratio-slab-jumbo: 3200 / 1600;
  --mc-ratio-slab-quartz: 3050 / 1440;
  --mc-ratio-slab-standard: 3050 / 1400;
  --mc-ratio-tile-1200: 1200 / 1200;
  --mc-ratio-tile-300: 300 / 300;
  --mc-ratio-tile-600: 600 / 600;
  --mc-space-2xl: 2rem;
  --mc-space-2xs: 0.125rem;
  --mc-space-3xl: 3rem;
  --mc-space-4xl: 4rem;
  --mc-space-5xl: 6rem;
  --mc-space-lg: 1rem;
  --mc-space-md: 0.75rem;
  --mc-space-sm: 0.5rem;
  --mc-space-xl: 1.5rem;
  --mc-space-xs: 0.25rem;
  --mc-tracking-body: 0.0em;
  --mc-tracking-body-lg: 0.0em;
  --mc-tracking-body-sm: 0.0em;
  --mc-tracking-caption: 0.01em;
  --mc-tracking-display: -0.02em;
  --mc-tracking-heading: -0.01em;
  --mc-tracking-heading-lg: -0.015em;
  --mc-tracking-heading-sm: -0.005em;
  --mc-tracking-label: 0.08em;
}

/* An unmarked page follows the operating system. Pin data-theme when
   the answer is not the OS's to give. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --mc-card-min: 20rem;
    --mc-color-accent: #7EA6FF;
    --mc-color-accent-hover: #A6C2FF;
    --mc-color-accent-surface: #182338;
    --mc-color-accent-text: #9DBBFF;
    --mc-color-border: #3D3D3D;
    --mc-color-border-strong: #767676;
    --mc-color-canvas: #111111;
    --mc-color-focus: #9DBBFF;
    --mc-color-low: #E0A33E;
    --mc-color-low-surface: #2B2113;
    --mc-color-out: #F2837B;
    --mc-color-out-surface: #2E1817;
    --mc-color-scene-scrim: #111111;
    --mc-color-scene-text: #FFFFFF;
    --mc-color-shell: #1A1A1A;
    --mc-color-specimen-border: #6E6E6E;
    --mc-color-specimen-ground: #CDCDCD;
    --mc-color-specimen-text: #1A1A1A;
    --mc-color-stock: #6FCF97;
    --mc-color-stock-surface: #16281E;
    --mc-color-surface: #1A1A1A;
    --mc-color-surface-sunken: #282828;
    --mc-color-text: #F7F7F7;
    --mc-color-text-muted: #9E9E9E;
    --mc-color-text-on-accent: #111111;
    --mc-color-text-secondary: #C6C6C6;
    --mc-duration-base: 200ms;
    --mc-duration-fast: 120ms;
    --mc-duration-instant: 0ms;
    --mc-duration-slow: 320ms;
    --mc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --mc-ease-out: cubic-bezier(0.2, 0, 0, 1);
    --mc-family-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --mc-family-mono: ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;
    --mc-family-text: Inter, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
    --mc-font-family-body: var(--mc-family-text);
    --mc-font-family-body-lg: var(--mc-family-text);
    --mc-font-family-body-sm: var(--mc-family-text);
    --mc-font-family-caption: var(--mc-family-text);
    --mc-font-family-display: var(--mc-family-display);
    --mc-font-family-heading: var(--mc-family-display);
    --mc-font-family-heading-lg: var(--mc-family-display);
    --mc-font-family-heading-sm: var(--mc-family-display);
    --mc-font-family-label: var(--mc-family-text);
    --mc-font-size-body: clamp(1rem, 0.978rem + 0.0939vw, 1.062rem);
    --mc-font-size-body-lg: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
    --mc-font-size-body-sm: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
    --mc-font-size-caption: clamp(0.75rem, 0.728rem + 0.0939vw, 0.8125rem);
    --mc-font-size-display: clamp(2.5rem, 2.148rem + 1.502vw, 3.5rem);
    --mc-font-size-heading: clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem);
    --mc-font-size-heading-lg: clamp(1.875rem, 1.655rem + 0.939vw, 2.5rem);
    --mc-font-size-heading-sm: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);
    --mc-font-size-label: clamp(0.6875rem, 0.6655rem + 0.0939vw, 0.75rem);
    --mc-gutter: clamp(1rem, 3vw, 2rem);
    --mc-line-height-body: 1.6;
    --mc-line-height-body-lg: 1.55;
    --mc-line-height-body-sm: 1.55;
    --mc-line-height-caption: 1.5;
    --mc-line-height-display: 1.1;
    --mc-line-height-heading: 1.25;
    --mc-line-height-heading-lg: 1.18;
    --mc-line-height-heading-sm: 1.35;
    --mc-line-height-label: 1.4;
    --mc-measure: 72ch;
    --mc-page-max: 90rem;
    --mc-palette-accent-100: #E8EEFB;
    --mc-palette-accent-500: #1F4FBF;
    --mc-palette-accent-600: #17409F;
    --mc-palette-accent-700: #123281;
    --mc-palette-low-100: #FBF0DC;
    --mc-palette-low-600: #8A5200;
    --mc-palette-neutral-0: #FFFFFF;
    --mc-palette-neutral-100: #EFEFEF;
    --mc-palette-neutral-200: #DCDCDC;
    --mc-palette-neutral-300: #C6C6C6;
    --mc-palette-neutral-400: #9E9E9E;
    --mc-palette-neutral-50: #F7F7F7;
    --mc-palette-neutral-500: #767676;
    --mc-palette-neutral-600: #565656;
    --mc-palette-neutral-700: #3D3D3D;
    --mc-palette-neutral-800: #282828;
    --mc-palette-neutral-900: #1A1A1A;
    --mc-palette-neutral-950: #111111;
    --mc-palette-out-100: #FBE9E7;
    --mc-palette-out-600: #B3261E;
    --mc-palette-scene-ink: #FFFFFF;
    --mc-palette-scene-scrim: #111111;
    --mc-palette-specimen-edge: #6E6E6E;
    --mc-palette-specimen-grey: #CDCDCD;
    --mc-palette-specimen-ink: #1A1A1A;
    --mc-palette-stock-100: #E4F1EA;
    --mc-palette-stock-500: #1E6B45;
    --mc-px-per-feature: 2;
    --mc-radius-md: 3px;
    --mc-radius-none: 0;
    --mc-radius-pill: 999px;
    --mc-radius-sm: 2px;
    --mc-rail: 17rem;
    --mc-ratio-brick: 200 / 100;
    --mc-ratio-mosaic: 25 / 25;
    --mc-ratio-plank: 1200 / 200;
    --mc-ratio-slab-jumbo: 3200 / 1600;
    --mc-ratio-slab-quartz: 3050 / 1440;
    --mc-ratio-slab-standard: 3050 / 1400;
    --mc-ratio-tile-1200: 1200 / 1200;
    --mc-ratio-tile-300: 300 / 300;
    --mc-ratio-tile-600: 600 / 600;
    --mc-space-2xl: 2rem;
    --mc-space-2xs: 0.125rem;
    --mc-space-3xl: 3rem;
    --mc-space-4xl: 4rem;
    --mc-space-5xl: 6rem;
    --mc-space-lg: 1rem;
    --mc-space-md: 0.75rem;
    --mc-space-sm: 0.5rem;
    --mc-space-xl: 1.5rem;
    --mc-space-xs: 0.25rem;
    --mc-tracking-body: 0.0em;
    --mc-tracking-body-lg: 0.0em;
    --mc-tracking-body-sm: 0.0em;
    --mc-tracking-caption: 0.01em;
    --mc-tracking-display: -0.02em;
    --mc-tracking-heading: -0.01em;
    --mc-tracking-heading-lg: -0.015em;
    --mc-tracking-heading-sm: -0.005em;
    --mc-tracking-label: 0.08em;
  }
}