Metmuseum

:root {
  --color-dominant: #e4042c;
  --color-surface: #bc0528;
  --color-ink: #f47c94;
  --color-accent: #7f5854;
  --color-detail: #cdbdc1;
}

/* CSS variables exposed by source */
:root {
  --color-active-tab: #a6192e;
  --color-white-opaque-70: #ffffffb3;
  --color-blue-100: #001e50;
  --textsize-l: min(calc(1.25rem + (25 - 20)*(100vw - 375px)/(1440 - 375)),25px);
  --color-green-good-news-400: #006440;
  --color-white-opaque-85: #ffffffd9;
  --color-green-600: #afe1a5;
  --color-yellow-600: #f6f0a0;
  --spacing-l: min(calc(64px + 2vw),96px);
  --spacing-micro: min(calc(8px + .25vw),12px);
  --color-orange-600: #f8e08e;
  --color-text-header: #222;
  --color-blue-500-75: #b2e4e4bf;
  --color-grey-200: #e5e5e5;
  --color-grey-050: #fbfbfb;
  --color-site-background: #fff;
  --color-white-opaque-90: #ffffffe6;
  --color-divider: #e5e5e5;
  --textsize-xl: min(calc(1.5625rem + (31.25 - 25)*(100vw - 375px)/(1440 - 375)),31px);
  --color-grey-100: #f4f4f4;
  --color-white-opaque: #fff;
  --color-grey-600: #a0a0a0;
  --textsize-m: min(calc(1rem + (20 - 16)*(100vw - 375px)/(1440 - 375)),20px);
  --color-grey-800: #484848;
  --color-met-red-dark: #6e182e;
  --color-accordion-3: #861c48;
  --textsize-xxxl: min(calc(3.75rem + (68 - 60)*(100vw - 375px)/(1440 - 375)),68px);
  --textsize-xs: min(calc(.75rem + (14 - 12)*(100vw - 375px)/(1440 - 375)),14px);
  --spacing-xl: min(calc(98px + 6vw),194px);
  --color-yellow-600-75: #f6f0a0bf;
  --color-grey-300: #d6d6d6;
  --color-grey-700: #6d6d6d;
  --color-modal-backdrop: #000c;
  --color-welcome-header: #d12d4a;
  --spacing-m: min(calc(48px + 1.5vw),72px);
  --textsize-s: min(calc(.875rem + (16 - 14)*(100vw - 375px)/(1440 - 375)),16px);
  --color-met-red-medium: #a6192e;
  --color-blue-bright: #0050bc;
  --color-focus-state-background: #c8d8eb;
  --color-focus-state-outline: #001e50;
  --color-blue-600-75: #c8d8ebbf;
  --color-blue-900: #99b9e4;
  --color-blue-500: #b2e4e4;
  --color-white: #fff;
  --textsize-xxs: min(calc(.625rem + (12 - 10)*(100vw - 375px)/(1440 - 375)),12px);
  --spacing-xxl: min(calc(144px + 9vw),288px);
  --color-border-active: #6d6d6d;
  --color-blue-600: #c8d8eb;
  --color-green-600-75: #afe1a5bf;
  --color-black-transparency: #000c;
  --textsize-xxl: min(calc(1.95313rem + (39.0625 - 31.25)*(100vw - 375px)/(1440 - 375)),39px);
  --color-card-shadow: #00000614;
  --color-text: #6d6d6d;
  --color-black-opaque-50: #00000080;
  --color-grey-400: #b8b8b8;
  --spacing-component-margin: calc((100vw - min(85vw,1600px))/2);
  --color-accordion-4: #5f2645;
  --spacing-xs: min(calc(24px + .75vw),36px);
  --color-red-600: #f4c3cc;
  --color-component-background-2: #fff;
}