Coursera

:root {
  --color-dominant: #0454d4;
  --color-surface: #045cd4;
  --color-ink: #e4ebfb;
  --color-accent: #a7505a;
  --color-detail: #b4c2d4;
}

/* CSS variables exposed by source */
:root {
  --cds-color-interactive-background-secondary-pressed-weak: light-dark( #e9eef7, #1c2026);
  --cds-letter-spacing-title1: -0.1px;
  --cds-font-size-title3: 1rem;
  --cds-font-size-150: 0.75rem;
  --cds-font-size-950: 4.75rem;
  --cds-color-red-25: light-dark( #fff2f4, #2a0208);
  --cds-color-purple-25: light-dark( #f9f5ff, #170338);
  --cds-line-height-200: 1rem;
  --cds-color-yellow-900: light-dark( #4a2202, #ffdc96);
  --cds-font-size-175: 0.875rem;
  --cds-font-weight-600: 600;
  --cds-color-darken-700: light-dark( rgba(15, 17, 20, 0.7), rgba(255, 255, 255, 0.7));
  --cds-color-darken-400: light-dark( rgba(15, 17, 20, 0.4), rgba(255, 255, 255, 0.4));
  --cds-color-blue-900: light-dark( #0d2f60, #cfe2ff);
  --cds-color-lighten-50: light-dark( rgba(255, 255, 255, 0.05), rgba(15, 17, 20, 0.05));
  --cds-color-blue-850: light-dark( #0b408b, #adcfff);
  --cds-color-green-400: light-dark( #53c544, #197d12);
  --cds-color-emphasis-secondary-background-default: light-dark( #fb84e4, #8f1e77);
  --cds-color-darken-500: light-dark( rgba(15, 17, 20, 0.5), rgba(255, 255, 255, 0.5));
  --cds-color-grey-750: light-dark( #48546e, #8495b0);
  --cds-color-red-200: light-dark( #fbb1bc, #841525);
  --cds-line-height-250: 1.25rem;
  --cds-color-pink-900: light-dark( #5e084e, #ffccf5);
  --labs-animation-slide-in-down: labs-slide-in-down 300ms ease-out forwards;
  --cds-color-yellow-500: light-dark( #de6000, #a54e0c);
  --cds-color-grey-50: light-dark( #e9eef7, #1c2026);
  --cds-line-height-650: 3.25rem;
  --cds-border-radius-25: 2px;
  --cds-color-emphasis-tertiary-background-weak: light-dark( #ffeac9, #3a1703);
  --cds-color-blue-750: light-dark( #0060eb, #5b9dfc);
  --cds-font-family-source-sans-pro: Source Sans Pro,Arial,sans-serif;
  --cds-color-white-0: light-dark( #ffffff, #000000);
  --cds-font-size-800: 4rem;
  --cds-color-emphasis-neutral-background-xxstrong: light-dark( #0d0f12, #f2f5fa);
  --cds-letter-spacing-minus50: -0.005em;
  --cds-line-height-850: 4.25rem;
  --cds-typography-title-small: 600 1.875rem/2.25rem Source Sans Pro,Arial,sans-serif;
  --cds-color-interactive-secondary-hover: light-dark( #232b3a, #dae1ed);
  --cds-color-interactive-background-secondary-hover-weak: light-dark( #f2f5fa, #0d0f12);
  --cds-color-blue-100: light-dark( #cfe2ff, #0d2f60);
  --cds-color-pink-800: light-dark( #8f1e77, #fb84e4);
  --cds-color-feedback-success-hover: light-dark( #1e6a16, #7ed874);
  --cds-color-lighten-950: light-dark( rgba(255, 255, 255, 0.95), rgba(15, 17, 20, 0.95));
  --cds-line-height-display2-xs: 2.5rem;
  --cds-line-height-300: 1.5rem;
  --cds-color-blue-300: light-dark( #87b8ff, #0056d2);
  --cds-color-blue-800: light-dark( #0056d2, #87b8ff);
  --cds-color-darken-0: light-dark( rgba(15, 17, 20, 0), rgba(255, 255, 255, 0));
  --cds-color-blue-600: light-dark( #227af9, #227af9);
  --cds-color-callouts-secondary: light-dark( #2c0b65, #efe5ff);
  --cds-font-size-350: 1.75rem;
  --cds-color-emphasis-quaternary-background-xstrong: light-dark( #2c0b65, #efe5ff);
  --cds-color-emphasis-quaternary-stroke-default: light-dark( #925ceb, #793ae4);
  --cds-font-size-400: 2rem;
  --cds-font-size-550: 2.75rem;
  --cds-font-size-375: 1.875rem;
  --cds-font-size-500: 2.5rem;
  --labs-duration-fast: 150ms;
  --cds-color-purple-100: light-dark( #e8d6ff, #3c0f8a);
  --cds-color-yellow-400: light-dark( #f28100, #8e4209);
}