# Design Style Guide: Breaking News, Latest News and Videos | CNN



> Source: https://lite.cnn.com

> Extracted: 2026-05-15 22:29

> Viewport: 1280x720 | Full page: 3084px



## Design Philosophy



- **Light theme** — light/white backgrounds with dark text

- **Single typeface** (Helvetica) — unified, cohesive feel

- **Accent color** — `#cc0000` used for interactive elements



---



## CSS Custom Properties



### Color Tokens



| Variable | Value |

|----------|-------|

| `--primitive-color-blue-100` | `#d7dbfc` |

| `--primitive-color-blue-200` | `#aeb8fa` |

| `--primitive-color-blue-300` | `#7b8ff7` |

| `--primitive-color-blue-400` | `#3061f2` |

| `--primitive-color-blue-500` | `#2152d5` |

| `--primitive-color-blue-600` | `#173da4` |

| `--primitive-color-blue-700` | `#0c266e` |

| `--primitive-color-blue-800` | `#041443` |

| `--primitive-color-brand-business` | `#66c9af` |

| `--primitive-color-brand-politics` | `#3061f3` |

| `--primitive-color-brand-primary` | `#c00` |

| `--primitive-color-brand-secondary` | `#ff3f3f` |

| `--primitive-color-brand-tertiary` | `#a4001e` |

| `--primitive-color-brand-travel` | `#f06c00` |

| `--primitive-color-brand-underscored` | `#6a29d5` |

| `--primitive-color-brand-weather` | `#4bc88a` |

| `--primitive-color-green-100` | `#c9fddd` |

| `--primitive-color-green-200` | `#97fbc3` |

| `--primitive-color-green-300` | `#58e59e` |

| `--primitive-color-green-400` | `#4bc88a` |

| `--primitive-color-green-500` | `#3da672` |

| `--primitive-color-green-600` | `#2b7a53` |

| `--primitive-color-green-700` | `#1b5437` |

| `--primitive-color-green-800` | `#0b2f1d` |

| `--primitive-color-neutral-100` | `#fff` |

| `--primitive-color-neutral-200` | `#f8f8f8` |

| `--primitive-color-neutral-300` | `#e6e6e6` |

| `--primitive-color-neutral-400` | `#b1b1b1` |

| `--primitive-color-neutral-500` | `#6e6e6e` |

| `--primitive-color-neutral-600` | `#404040` |

| `--primitive-color-neutral-700` | `#262626` |

| `--primitive-color-neutral-800` | `#0c0c0c` |

| `--primitive-color-orange-100` | `#ffdbd0` |

| `--primitive-color-orange-200` | `#ffb9a1` |

| `--primitive-color-orange-300` | `#ff9360` |

| `--primitive-color-orange-400` | `#ff7c00` |

| `--primitive-color-orange-500` | `#cd6200` |

| `--primitive-color-orange-600` | `#984700` |

| `--primitive-color-orange-700` | `#612b00` |

| `--primitive-color-orange-800` | `#401a00` |

| `--primitive-color-pink-100` | `#fed6d9` |

| `--primitive-color-pink-200` | `#fdaab2` |

| `--primitive-color-pink-300` | `#fc7989` |

| `--primitive-color-pink-400` | `#fc2f59` |

| `--primitive-color-pink-500` | `#d00f40` |

| `--primitive-color-pink-600` | `#9e092f` |

| `--primitive-color-pink-700` | `#6f041e` |

| `--primitive-color-pink-800` | `#44010f` |

| `--primitive-color-purple-100` | `#e5dbf8` |

| `--primitive-color-purple-200` | `#cdb6f1` |

| `--primitive-color-purple-300` | `#b28ae0` |

| `--primitive-color-purple-400` | `#9656d1` |

| `--primitive-color-purple-500` | `#8143b8` |

| `--primitive-color-purple-600` | `#62318e` |

| `--primitive-color-purple-700` | `#462166` |

| `--primitive-color-purple-800` | `#2d1444` |

| `--primitive-color-red-100` | `#ffd5d5` |

| `--primitive-color-red-200` | `#faa` |

| `--primitive-color-red-300` | `#ff7979` |

| `--primitive-color-red-400` | `#ff3f3f` |

| `--primitive-color-red-500` | `#d50000` |

| `--primitive-color-red-600` | `#a20000` |

| `--primitive-color-red-700` | `#720000` |

| `--primitive-color-red-800` | `#450000` |

| `--primitive-color-teal-100` | `#c6fbf6` |

| `--primitive-color-teal-200` | `#92f8f0` |

| `--primitive-color-teal-300` | `#73dcd3` |

| `--primitive-color-teal-400` | `#60b9b1` |

| `--primitive-color-teal-500` | `#4d9791` |

| `--primitive-color-teal-600` | `#346a66` |

| `--primitive-color-teal-700` | `#164541` |

| `--primitive-color-teal-800` | `#0a2927` |

| `--primitive-color-transparent-black-0` | `#0c0c0c00` |

| `--primitive-color-transparent-black-05` | `#0c0c0c1a` |

| `--primitive-color-transparent-black-10` | `#0c0c0c1a` |

| `--primitive-color-transparent-black-20` | `#0c0c0c33` |

| `--primitive-color-transparent-black-30` | `#0c0c0c4d` |

| `--primitive-color-transparent-black-40` | `#0c0c0c66` |

| `--primitive-color-transparent-black-50` | `#0c0c0c80` |

| `--primitive-color-transparent-black-60` | `#0c0c0c99` |

| `--primitive-color-transparent-black-70` | `#0c0c0cb3` |

| `--primitive-color-transparent-black-80` | `#0c0c0ccc` |

| `--primitive-color-transparent-black-90` | `#0c0c0ce6` |

| `--primitive-color-transparent-white-0` | `#fff0` |

| `--primitive-color-transparent-white-05` | `#ffffff1a` |

| `--primitive-color-transparent-white-10` | `#ffffff1a` |

| `--primitive-color-transparent-white-20` | `#fff3` |

| `--primitive-color-transparent-white-30` | `#ffffff4d` |

| `--primitive-color-transparent-white-40` | `#fff6` |

| `--primitive-color-transparent-white-50` | `#ffffff80` |

| `--primitive-color-transparent-white-60` | `#fff9` |

| `--primitive-color-transparent-white-70` | `#ffffffb3` |

| `--primitive-color-transparent-white-80` | `#fffc` |

| `--primitive-color-transparent-white-90` | `#ffffffe6` |

| `--primitive-color-yellow-100` | `#ffe4c3` |

| `--primitive-color-yellow-200` | `#ffd088` |

| `--primitive-color-yellow-300` | `#ffc248` |

| `--primitive-color-yellow-400` | `#f0b100` |

| `--primitive-color-yellow-500` | `#c99400` |

| `--primitive-color-yellow-600` | `#9a7100` |

| `--primitive-color-yellow-700` | `#6c4e00` |

| `--primitive-color-yellow-800` | `#463100` |

| `--semantic-color-action-accent-base-bg` | `#6a29d5` |

| `--semantic-color-action-accent-base-icon` | `#fff` |

| `--semantic-color-action-accent-base-text` | `#fff` |

| `--semantic-color-action-accent-overrides-inv-overlay__disabled` | `#0c0c0c99` |

| `--semantic-color-action-accent-overrides-overlay__disabled` | `#fff9` |

| `--semantic-color-action-accent-overrides-overlay__hover` | `#fff3` |

| `--semantic-color-action-accent-overrides-overlay__press` | `#ffffff1a` |

| `--semantic-color-action-accent-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-conversion-base-bg` | `#c00` |

| `--semantic-color-action-conversion-base-icon` | `#fff` |

| `--semantic-color-action-conversion-base-inverse-bg` | `#ff3f3f` |

| `--semantic-color-action-conversion-base-text` | `#fff` |

| `--semantic-color-action-conversion-overrides-inv-overlay__disabled` | `#0c0c0c99` |

| `--semantic-color-action-conversion-overrides-overlay__disabled` | `#fff9` |

| `--semantic-color-action-conversion-overrides-overlay__hover` | `#fff3` |

| `--semantic-color-action-conversion-overrides-overlay__press` | `#ffffff1a` |

| `--semantic-color-action-conversion-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-primary-base-bg` | `#fff` |

| `--semantic-color-action-inverse-primary-base-icon` | `#0c0c0c` |

| `--semantic-color-action-inverse-primary-base-text` | `#0c0c0c` |

| `--semantic-color-action-inverse-primary-overrides-bg__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-primary-overrides-bg__focus` | `#fff` |

| `--semantic-color-action-inverse-primary-overrides-bg__hover` | `#e6e6e6` |

| `--semantic-color-action-inverse-primary-overrides-bg__press` | `#f8f8f8` |

| `--semantic-color-action-inverse-secondary-base-bg` | `#0c0c0c00` |

| `--semantic-color-action-inverse-secondary-base-border` | `#b1b1b1` |

| `--semantic-color-action-inverse-secondary-base-icon` | `#fff` |

| `--semantic-color-action-inverse-secondary-base-text` | `#fff` |

| `--semantic-color-action-inverse-secondary-overrides-bg__disabled` | `#0c0c0c00` |

| `--semantic-color-action-inverse-secondary-overrides-bg__focus` | `#0c0c0c00` |

| `--semantic-color-action-inverse-secondary-overrides-bg__hover` | `#ffffff1a` |

| `--semantic-color-action-inverse-secondary-overrides-bg__press` | `#fff3` |

| `--semantic-color-action-inverse-secondary-overrides-border__disabled` | `#e6e6e6` |

| `--semantic-color-action-inverse-secondary-overrides-border__focus` | `#fff` |

| `--semantic-color-action-inverse-secondary-overrides-border__hover` | `#e6e6e6` |

| `--semantic-color-action-inverse-secondary-overrides-border__press` | `#f8f8f8` |

| `--semantic-color-action-inverse-secondary-overrides-icon__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-secondary-overrides-icon__focus` | `#fff` |

| `--semantic-color-action-inverse-secondary-overrides-icon__hover` | `#f8f8f8` |

| `--semantic-color-action-inverse-secondary-overrides-icon__press` | `#e6e6e6` |

| `--semantic-color-action-inverse-secondary-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-secondary-overrides-text__focus` | `#fff` |

| `--semantic-color-action-inverse-secondary-overrides-text__hover` | `#f8f8f8` |

| `--semantic-color-action-inverse-secondary-overrides-text__press` | `#e6e6e6` |

| `--semantic-color-action-inverse-tertiary-base-bg` | `#fff0` |

| `--semantic-color-action-inverse-tertiary-base-icon` | `#fff` |

| `--semantic-color-action-inverse-tertiary-base-text` | `#fff` |

| `--semantic-color-action-inverse-tertiary-overrides-bg__disabled` | `#fff0` |

| `--semantic-color-action-inverse-tertiary-overrides-bg__focus` | `#fff0` |

| `--semantic-color-action-inverse-tertiary-overrides-bg__hover` | `#ffffff1a` |

| `--semantic-color-action-inverse-tertiary-overrides-bg__press` | `#fff3` |

| `--semantic-color-action-inverse-tertiary-overrides-icon__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-tertiary-overrides-icon__focus` | `#fff` |

| `--semantic-color-action-inverse-tertiary-overrides-icon__hover` | `#f8f8f8` |

| `--semantic-color-action-inverse-tertiary-overrides-icon__press` | `#e6e6e6` |

| `--semantic-color-action-inverse-tertiary-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-inverse-tertiary-overrides-text__focus` | `#fff` |

| `--semantic-color-action-inverse-tertiary-overrides-text__hover` | `#f8f8f8` |

| `--semantic-color-action-inverse-tertiary-overrides-text__press` | `#e6e6e6` |

| `--semantic-color-action-primary-base-bg` | `#0c0c0c` |

| `--semantic-color-action-primary-base-icon` | `#fff` |

| `--semantic-color-action-primary-base-text` | `#fff` |

| `--semantic-color-action-primary-overrides-bg__disabled` | `#b1b1b1` |

| `--semantic-color-action-primary-overrides-bg__focus` | `#0c0c0c` |

| `--semantic-color-action-primary-overrides-bg__hover` | `#6e6e6e` |

| `--semantic-color-action-primary-overrides-bg__press` | `#404040` |

| `--semantic-color-action-secondary-base-bg` | `#fff0` |

| `--semantic-color-action-secondary-base-border` | `#6e6e6e` |

| `--semantic-color-action-secondary-base-flex-bg` | `#fff` |

| `--semantic-color-action-secondary-base-icon` | `#0c0c0c` |

| `--semantic-color-action-secondary-base-text` | `#0c0c0c` |

| `--semantic-color-action-secondary-overrides-bg__disabled` | `#fff0` |

| `--semantic-color-action-secondary-overrides-bg__focus` | `#fff0` |

| `--semantic-color-action-secondary-overrides-bg__hover` | `#0c0c0c1a` |

| `--semantic-color-action-secondary-overrides-bg__press` | `#0c0c0c1a` |

| `--semantic-color-action-secondary-overrides-border__disabled` | `#b1b1b1` |

| `--semantic-color-action-secondary-overrides-border__focus` | `#0c0c0c` |

| `--semantic-color-action-secondary-overrides-border__hover` | `#404040` |

| `--semantic-color-action-secondary-overrides-border__press` | `#262626` |

| `--semantic-color-action-secondary-overrides-icon__disabled` | `#b1b1b1` |

| `--semantic-color-action-secondary-overrides-icon__focus` | `#0c0c0c` |

| `--semantic-color-action-secondary-overrides-icon__hover` | `#262626` |

| `--semantic-color-action-secondary-overrides-icon__press` | `#404040` |

| `--semantic-color-action-secondary-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-secondary-overrides-text__focus` | `#0c0c0c` |

| `--semantic-color-action-secondary-overrides-text__hover` | `#262626` |

| `--semantic-color-action-secondary-overrides-text__press` | `#404040` |

| `--semantic-color-action-tertiary-base-bg` | `#0c0c0c00` |

| `--semantic-color-action-tertiary-base-flex-bg` | `#fff` |

| `--semantic-color-action-tertiary-base-icon` | `#0c0c0c` |

| `--semantic-color-action-tertiary-base-text` | `#0c0c0c` |

| `--semantic-color-action-tertiary-overrides-bg__disabled` | `#0c0c0c00` |

| `--semantic-color-action-tertiary-overrides-bg__focus` | `#0c0c0c00` |

| `--semantic-color-action-tertiary-overrides-bg__hover` | `#0c0c0c1a` |

| `--semantic-color-action-tertiary-overrides-bg__press` | `#0c0c0c1a` |

| `--semantic-color-action-tertiary-overrides-icon__disabled` | `#b1b1b1` |

| `--semantic-color-action-tertiary-overrides-icon__focus` | `#0c0c0c` |

| `--semantic-color-action-tertiary-overrides-icon__hover` | `#262626` |

| `--semantic-color-action-tertiary-overrides-icon__press` | `#404040` |

| `--semantic-color-action-tertiary-overrides-text__disabled` | `#b1b1b1` |

| `--semantic-color-action-tertiary-overrides-text__focus` | `#0c0c0c` |

| `--semantic-color-action-tertiary-overrides-text__hover` | `#262626` |

| `--semantic-color-action-tertiary-overrides-text__press` | `#404040` |

| `--semantic-color-bg-inverse` | `#0c0c0c` |

| `--semantic-color-bg-persistent__black` | `#0c0c0c` |

| `--semantic-color-bg-persistent__white` | `#fff` |

| `--semantic-color-bg-primary` | `#fff` |

| `--semantic-color-bg-secondary` | `#f8f8f8` |

| `--semantic-color-bg-tertiary` | `#e6e6e6` |

| `--semantic-color-border-accent` | `#d50000` |

| `--semantic-color-border-focus-inverse` | `#fff` |

| `--semantic-color-border-focus-primary` | `#0c0c0c` |

| `--semantic-color-border-inverse` | `#fff` |

| `--semantic-color-border-persistent__black` | `#0c0c0c` |

| `--semantic-color-border-persistent__white` | `#fff` |

| `--semantic-color-border-primary` | `#0c0c0c` |

| `--semantic-color-border-quartenary` | `#e6e6e6` |

| `--semantic-color-border-quinary` | `#f8f8f8` |

| `--semantic-color-border-secondary` | `#6e6e6e` |

| `--semantic-color-border-tertiary` | `#b1b1b1` |

| `--semantic-color-icon-accent` | `#d50000` |

| `--semantic-color-icon-inverse` | `#fff` |

| `--semantic-color-icon-persistent__black` | `#0c0c0c` |

| `--semantic-color-icon-persistent__white` | `#fff` |

| `--semantic-color-icon-primary` | `#0c0c0c` |

| `--semantic-color-icon-quartenary` | `#6e6e6e` |

| `--semantic-color-icon-secondary` | `#262626` |

| `--semantic-color-icon-tertiary` | `#404040` |

| `--semantic-color-input-selector-active-base-bg` | `#0c0c0c` |

| `--semantic-color-input-selector-active-base-border` | `#0c0c0c` |

| `--semantic-color-input-selector-active-base-flex-border__med` | `#6e6e6e` |

| `--semantic-color-input-selector-active-base-icon` | `#fff` |

| `--semantic-color-input-selector-active-base-text` | `#fff` |

| `--semantic-color-input-selector-active-overrides-bg__error` | `#d50000` |

| `--semantic-color-input-selector-active-overrides-bg__focus` | `#0c0c0c` |

| `--semantic-color-input-selector-active-overrides-bg__hover` | `#404040` |

| `--semantic-color-input-selector-active-overrides-bg__press` | `#262626` |

| `--semantic-color-input-selector-active-overrides-border__focus` | `#fff` |

| `--semantic-color-input-selector-active-overrides-border__hover` | `#404040` |

| `--semantic-color-input-selector-active-overrides-border__press` | `#404040` |

| `--semantic-color-input-selector-active-overrides-flex-bg__error` | `#d500001a` |

| `--semantic-color-input-selector-default-base-border` | `#6e6e6e` |

| `--semantic-color-input-selector-default-base-flex-bg` | `#0c0c0c1a` |

| `--semantic-color-input-selector-default-base-flex-border__high` | `#0c0c0c` |

| `--semantic-color-input-selector-default-base-flex-border__low` | `#b1b1b1` |

| `--semantic-color-input-selector-default-base-flex-border__med` | `#404040` |

| `--semantic-color-input-selector-default-base-flex-icon` | `#404040` |

| `--semantic-color-input-selector-default-base-flex-text` | `#404040` |

| `--semantic-color-input-selector-default-base-icon` | `#0c0c0c` |

| `--semantic-color-input-selector-default-base-text` | `#0c0c0c` |

| `--semantic-color-input-selector-default-overrides-bg__error` | `#d500001a` |

| `--semantic-color-input-selector-default-overrides-bg__hover` | `#0c0c0c00` |

| `--semantic-color-input-selector-default-overrides-bg__press` | `#0c0c0c1a` |

| `--semantic-color-input-selector-default-overrides-border__error` | `#d50000` |

| `--semantic-color-input-selector-default-overrides-border__focus` | `#0c0c0c` |

| `--semantic-color-input-selector-default-overrides-border__hover` | `#404040` |

| `--semantic-color-input-selector-default-overrides-border__press` | `#262626` |

| `--semantic-color-input-selector-default-overrides-flex-bg__focus` | `#0c0c0c1a` |

| `--semantic-color-input-selector-default-overrides-flex-bg__press` | `#0c0c0c33` |

| `--semantic-color-input-selector-default-overrides-icon__focus` | `#0c0c0c` |

| `--semantic-color-input-selector-default-overrides-icon__hover` | `#404040` |

| `--semantic-color-input-selector-default-overrides-icon__press` | `#0c0c0c` |

| `--semantic-color-input-selector-default-overrides-text__focus` | `#0c0c0c` |

| `--semantic-color-input-selector-default-overrides-text__hover` | `#404040` |

| `--semantic-color-input-selector-default-overrides-text__press` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-base-border` | `#6e6e6e` |

| `--semantic-color-input-text-input-empty-base-flex-bg` | `#fff` |

| `--semantic-color-input-text-input-empty-base-flex-border__high` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-base-helper-text` | `#6e6e6e` |

| `--semantic-color-input-text-input-empty-base-icon__high` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-base-icon__low` | `#b1b1b1` |

| `--semantic-color-input-text-input-empty-base-required-text` | `#d50000` |

| `--semantic-color-input-text-input-empty-base-text__high` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-base-text__low` | `#6e6e6e` |

| `--semantic-color-input-text-input-empty-overrides-bg__error` | `#d500001a` |

| `--semantic-color-input-text-input-empty-overrides-bg__hover` | `#0c0c0c00` |

| `--semantic-color-input-text-input-empty-overrides-border__error` | `#d50000` |

| `--semantic-color-input-text-input-empty-overrides-border__focus` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-overrides-border__hover` | `#404040` |

| `--semantic-color-input-text-input-empty-overrides-helper-text__error` | `#d50000` |

| `--semantic-color-input-text-input-empty-overrides-icon__hover` | `#404040` |

| `--semantic-color-input-text-input-empty-overrides-text__error` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-overrides-text__focus` | `#0c0c0c` |

| `--semantic-color-input-text-input-empty-overrides-text__hover` | `#404040` |

| `--semantic-color-input-text-input-filled-base-border` | `#0c0c0c` |

| `--semantic-color-input-text-input-filled-base-flex-bg` | `#fff` |

| `--semantic-color-input-text-input-filled-base-helper-text` | `#6e6e6e` |

| `--semantic-color-input-text-input-filled-base-icon__high` | `#0c0c0c` |

| `--semantic-color-input-text-input-filled-base-icon__low` | `#b1b1b1` |

| `--semantic-color-input-text-input-filled-base-required-text` | `#d50000` |

| `--semantic-color-input-text-input-filled-base-text` | `#0c0c0c` |

| `--semantic-color-input-text-input-filled-overrides-bg__error` | `#d500001a` |

| `--semantic-color-input-text-input-filled-overrides-bg__hover` | `#0c0c0c00` |

| `--semantic-color-input-text-input-filled-overrides-bg__press` | `#0c0c0c1a` |

| `--semantic-color-input-text-input-filled-overrides-border__error` | `#d50000` |

| `--semantic-color-input-text-input-filled-overrides-helper-text__error` | `#d50000` |

| `--semantic-color-input-toggle-default-base-bg` | `#b1b1b1` |

| `--semantic-color-input-toggle-default-base-flex-bg` | `#6e6e6e` |

| `--semantic-color-input-toggle-default-base-icon` | `#fff` |

| `--semantic-color-input-toggle-default-base-label` | `#fff` |

| `--semantic-color-input-toggle-default-base-text` | `#0c0c0c` |

| `--semantic-color-input-toggle-default-overrides-overlay__hover` | `#ffffff4d` |

| `--semantic-color-input-toggle-default-overrides-overlay__press` | `#fff3` |

| `--semantic-color-input-toggle-selected-base-bg` | `#d50000` |

| `--semantic-color-input-toggle-selected-base-icon` | `#fff` |

| `--semantic-color-input-toggle-selected-base-label` | `#fff` |

| `--semantic-color-input-toggle-selected-base-text` | `#0c0c0c` |

| `--semantic-color-input-toggle-selected-overrides-overlay__hover` | `#ffffff4d` |

| `--semantic-color-input-toggle-selected-overrides-overlay__press` | `#fff3` |

| `--semantic-color-link-inverse-base-default` | `#fff` |

| `--semantic-color-link-inverse-overrides-focus` | `#fff` |

| `--semantic-color-link-inverse-overrides-hover` | `#fff` |

| `--semantic-color-link-primary-base-default` | `#0c0c0c` |

| `--semantic-color-link-primary-overrides-focus` | `#0c0c0c` |

| `--semantic-color-link-primary-overrides-hover` | `#6e6e6e` |

| `--semantic-color-link-primary-overrides-press` | `#404040` |

| `--semantic-color-link-quartenary-base-default` | `#6e6e6e` |

| `--semantic-color-link-quartenary-overrides-focus` | `#0c0c0c` |

| `--semantic-color-link-quartenary-overrides-hover` | `#404040` |

| `--semantic-color-link-quartenary-overrides-press` | `#262626` |

| `--semantic-color-link-secondary-base-default` | `#262626` |

| `--semantic-color-link-secondary-overrides-focus` | `#0c0c0c` |

| `--semantic-color-link-secondary-overrides-hover` | `#6e6e6e` |

| `--semantic-color-link-secondary-overrides-press` | `#404040` |

| `--semantic-color-link-tertiary-base-default` | `#404040` |

| `--semantic-color-link-tertiary-overrides-focus` | `#0c0c0c` |

| `--semantic-color-link-tertiary-overrides-hover` | `#6e6e6e` |

| `--semantic-color-link-tertiary-overrides-press` | `#404040` |

| `--semantic-color-status-icon-caution` | `#ff7c00` |

| `--semantic-color-status-icon-informative` | `#6e6e6e` |

| `--semantic-color-status-icon-informative__accent` | `#3061f2` |

| `--semantic-color-status-icon-negative` | `#d50000` |

| `--semantic-color-status-icon-positive` | `#3da672` |

| `--semantic-color-status-text-caution` | `#cd6200` |

| `--semantic-color-status-text-informative` | `#6e6e6e` |

| `--semantic-color-status-text-informative__accent` | `#2152d5` |

| `--semantic-color-status-text-negative` | `#d50000` |

| `--semantic-color-status-text-positive` | `#2b7a53` |

| `--semantic-color-type-accent` | `#d50000` |

| `--semantic-color-type-inverse` | `#fff` |

| `--semantic-color-type-persistent__black` | `#0c0c0c` |

| `--semantic-color-type-persistent__white` | `#fff` |

| `--semantic-color-type-primary` | `#0c0c0c` |

| `--semantic-color-type-quartenary` | `#6e6e6e` |

| `--semantic-color-type-secondary` | `#262626` |

| `--semantic-color-type-tertiary` | `#404040` |

| `--theme-ad-slot-background-color` | `#0c0c0c` |

| `--theme-ad-slot-text-color` | `#b1b1b1` |

| `--theme-brand-logo__icon-color` | `#c00` |

| `--theme-button-color` | `#6e6e6e` |

| `--theme-button-color-hover` | `#c00` |

| `--theme-color-link` | `#0c0c0c` |

| `--theme-component-accordion-bg__hover` | `#0c0c0c00` |

| `--theme-component-accordion-bg__press` | `#0c0c0c1a` |

| `--theme-component-action-bar-button-bg__default` | `#fff0` |

| `--theme-component-action-bar-button-bg__focus` | `#fff0` |

| `--theme-component-action-bar-button-bg__hover` | `#f0f0f0` |

| `--theme-component-action-bar-button-bg__press` | `#e6e6e6` |

| `--theme-component-action-bar-button-border-color__default` | `#e6e6e6` |

| `--theme-component-action-bar-button-border-color__focus` | `#b1b1b1` |

| `--theme-component-action-bar-button-border-color__hover` | `#b1b1b1` |

| `--theme-component-action-bar-button-border-color__press` | `#b1b1b1` |

| `--theme-component-breadcrumb-divider-color` | `#0c0c0c` |

| `--theme-component-card-ranked_list-number-color` | `#d50000` |

| `--theme-component-chip-bg__active` | `#b1b1b1` |

| `--theme-component-chip-bg__disabled` | `#f8f8f8` |

| `--theme-component-chip-bg__hover` | `#e6e6e6` |

| `--theme-component-editor-note-border-color` | `#fff0` |

| `--theme-component-factbox-border-color` | `#fff0` |

| `--theme-component-footnote-border-color` | `#fff0` |

| `--theme-component-header-progress-bar-color` | `#d50000` |

| `--theme-component-headline-live-indicator-icon-color` | `#c00` |

| `--theme-component-headline-text-border-color` | `#fff0` |

| `--theme-component-headline-video-resource-playhead-bg` | `#0c0c0c80` |

| `--theme-component-headline__elev-border-left-color` | `#c00` |

| `--theme-component-label-bg__signifier` | `#0c0c0c80` |

| `--theme-component-label-elev-signifier-color` | `#0c0c0c` |

| `--theme-component-page-top-actions-border-color` | `#6e6e6e` |

| `--theme-component-pull-quote-block-quote-bg` | `#f8f8f8` |

| `--theme-component-quote-block-quote-bg` | `#fff` |

| `--theme-component-quote-block-quote-border-color` | `#0c0c0c` |

| `--theme-component-quote-border-color` | `#d50000` |

| `--theme-component-read-time-icon-color` | `#6e6e6e` |

| `--theme-component-source-color` | `#000` |

| `--theme-component-thumbnail-playhead-bg` | `#0c0c0c99` |

| `--theme-component-timestamp-color` | `#6e6e6e` |

| `--theme-component-timestamp-color__accent` | `#d50000` |

| `--theme-component-timestamp-color__caret` | `#b1b1b1` |

| `--theme-component-timestamp-color__hover` | `#0c0c0c` |

| `--theme-container-color--hover` | `#0c0c0c` |

| `--theme-container-image-color--hover` | `#0c0c0c66` |

| `--theme-container-text-decoration-color--hover` | `#0c0c0c` |

| `--theme-container-title__arrow-color--hover` | `#0c0c0c` |

| `--theme-container-title__arrow-color--initial` | `#fff` |

| `--theme-container-title__border-color` | `#e6e6e6` |

| `--theme-container-title__border-decorator-color` | `#c00` |

| `--theme-copy-accent` | `#e6e6e6` |

| `--theme-copy-accent-hover` | `#fff` |

| `--theme-disclaimer-color` | `#4d4d4d` |

| `--theme-disclaimer-link-color` | `#6a29d5` |

| `--theme-footer-background-color` | `#0c0c0c` |

| `--theme-footer-copy-accent` | `#e6e6e6` |

| `--theme-footer-copy-accent-hover` | `#fff` |

| `--theme-footer-disclaimer-color` | `#6e6e6e` |

| `--theme-footer-icon-color` | `#e6e6e6` |

| `--theme-footer-icon-color-hover` | `#b1b1b1` |

| `--theme-header-item-container-color` | `#262626` |

| `--theme-header-mobile-nav-border-color` | `transparent` |

| `--theme-header-subnav-section-title-color` | `#fff` |

| `--theme-header__copy-accent` | `#e6e6e6` |

| `--theme-header__dropdown-border-color` | `none` |

| `--theme-header__dropdown-item-link-color` | `#fff` |

| `--theme-header__dropdown-item-link-hover-color` | `#0c0c0c` |

| `--theme-header__dropdown-separator-color` | `#404040` |

| `--theme-header__icon-color` | `#fff` |

| `--theme-header__icon-color-hover` | `#fff` |

| `--theme-header__item-link-color` | `#e6e6e6` |

| `--theme-header__item-link-hover-background-color` | `transparent` |

| `--theme-header__item-link-hover-color` | `#fff` |

| `--theme-header__login-button-border-color` | `#fff` |

| `--theme-header__login-button-color` | `#0c0c0c` |

| `--theme-header__login-button-color-hover` | `#404040` |

| `--theme-header__login-button-hover-text-color` | `#fff` |

| `--theme-header__login-button-text-color` | `#fff` |

| `--theme-header__logo-background-color` | `none` |

| `--theme-header__logo-color` | `#fff` |

| `--theme-headline__text-color` | `#0c0c0c` |

| `--theme-icon-color` | `#e6e6e6` |

| `--theme-icon-color-hover` | `#fff` |

| `--theme-link-color-hover` | `#6e6e6e` |

| `--theme-login-button-text-color` | `#fff` |

| `--theme-paragraph__link-color` | `#0c0c0c` |

| `--theme-paragraph__link-decoration-color` | `#0c0c0c` |

| `--theme-primary-layout-color` | `#fafafa` |

| `--theme-secondary-layout-color` | `#fff` |

| `--theme-section-headline-teaser__color` | `inherit` |

| `--theme-section-headline__text-color` | `#0c0c0c` |

| `--theme-semantic-color-action-accent-base-bg` | `#6a29d5` |

| `--theme-semantic-color-action-accent-base-icon` | `#fff` |

| `--theme-semantic-color-action-accent-base-text` | `#fff` |

| `--theme-semantic-color-action-accent-overrides-inv-overlay__disabled` | `#0c0c0c99` |

| `--theme-semantic-color-action-accent-overrides-overlay__disabled` | `#fff9` |

| `--theme-semantic-color-action-accent-overrides-overlay__hover` | `#fff3` |

| `--theme-semantic-color-action-accent-overrides-overlay__press` | `#ffffff1a` |

| `--theme-semantic-color-action-accent-overrides-text__disabled` | `#fff` |

| `--theme-semantic-color-action-conversion-base-bg` | `#c00` |

| `--theme-semantic-color-action-conversion-base-icon` | `#fff` |

| `--theme-semantic-color-action-conversion-base-inv-bg` | `#ff3f3f` |

| `--theme-semantic-color-action-conversion-base-text` | `#fff` |

| `--theme-semantic-color-action-conversion-overrides-inv-overlay__disabled` | `#0c0c0c99` |

| `--theme-semantic-color-action-conversion-overrides-overlay__disabled` | `#fff9` |

| `--theme-semantic-color-action-conversion-overrides-overlay__hover` | `#fff3` |

| `--theme-semantic-color-action-conversion-overrides-overlay__press` | `#ffffff1a` |

| `--theme-semantic-color-action-conversion-overrides-text__disabled` | `#fff` |

| `--theme-semantic-color-action-inverse-primary-base-bg` | `#fff` |

| `--theme-semantic-color-action-inverse-primary-base-icon` | `#0c0c0c` |

| `--theme-semantic-color-action-inverse-primary-base-text` | `#0c0c0c` |

| `--theme-semantic-color-action-inverse-primary-overrides-bg__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-primary-overrides-bg__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-primary-overrides-bg__hover` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-primary-overrides-bg__press` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-secondary-base-bg` | `#0c0c0c00` |

| `--theme-semantic-color-action-inverse-secondary-base-border` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-secondary-base-icon` | `#fff` |

| `--theme-semantic-color-action-inverse-secondary-base-text` | `#fff` |

| `--theme-semantic-color-action-inverse-secondary-overrides-bg__disabled` | `#0c0c0c00` |

| `--theme-semantic-color-action-inverse-secondary-overrides-bg__focus` | `#0c0c0c00` |

| `--theme-semantic-color-action-inverse-secondary-overrides-bg__hover` | `#ffffff1a` |

| `--theme-semantic-color-action-inverse-secondary-overrides-bg__press` | `#fff3` |

| `--theme-semantic-color-action-inverse-secondary-overrides-border__disabled` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-secondary-overrides-border__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-secondary-overrides-border__hover` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-secondary-overrides-border__press` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-secondary-overrides-icon__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-secondary-overrides-icon__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-secondary-overrides-icon__hover` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-secondary-overrides-icon__press` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-secondary-overrides-text__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-secondary-overrides-text__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-secondary-overrides-text__hover` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-secondary-overrides-text__press` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-tertiary-base-bg` | `#fff0` |

| `--theme-semantic-color-action-inverse-tertiary-base-icon` | `#fff` |

| `--theme-semantic-color-action-inverse-tertiary-base-text` | `#fff` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-bg__disabled` | `#fff0` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-bg__focus` | `#fff0` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-bg__hover` | `#ffffff1a` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-bg__press` | `#fff3` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-icon__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-icon__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-icon__hover` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-icon__press` | `#e6e6e6` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-text__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-text__focus` | `#fff` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-text__hover` | `#f8f8f8` |

| `--theme-semantic-color-action-inverse-tertiary-overrides-text__press` | `#e6e6e6` |

| `--theme-semantic-color-action-primary-base-bg` | `#0c0c0c` |

| `--theme-semantic-color-action-primary-base-icon` | `#fff` |

| `--theme-semantic-color-action-primary-base-text` | `#fff` |

| `--theme-semantic-color-action-primary-overrides-bg__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-primary-overrides-bg__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-primary-overrides-bg__hover` | `#6e6e6e` |

| `--theme-semantic-color-action-primary-overrides-bg__press` | `#404040` |

| `--theme-semantic-color-action-secondary-base-bg` | `#fff0` |

| `--theme-semantic-color-action-secondary-base-border` | `#6e6e6e` |

| `--theme-semantic-color-action-secondary-base-flex-bg` | `#fff` |

| `--theme-semantic-color-action-secondary-base-icon` | `#0c0c0c` |

| `--theme-semantic-color-action-secondary-base-text` | `#0c0c0c` |

| `--theme-semantic-color-action-secondary-overrides-bg__disabled` | `#fff0` |

| `--theme-semantic-color-action-secondary-overrides-bg__focus` | `#fff0` |

| `--theme-semantic-color-action-secondary-overrides-bg__hover` | `#0c0c0c1a` |

| `--theme-semantic-color-action-secondary-overrides-bg__press` | `#0c0c0c1a` |

| `--theme-semantic-color-action-secondary-overrides-border__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-secondary-overrides-border__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-secondary-overrides-border__hover` | `#404040` |

| `--theme-semantic-color-action-secondary-overrides-border__press` | `#262626` |

| `--theme-semantic-color-action-secondary-overrides-icon__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-secondary-overrides-icon__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-secondary-overrides-icon__hover` | `#262626` |

| `--theme-semantic-color-action-secondary-overrides-icon__press` | `#404040` |

| `--theme-semantic-color-action-secondary-overrides-text__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-secondary-overrides-text__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-secondary-overrides-text__hover` | `#262626` |

| `--theme-semantic-color-action-secondary-overrides-text__press` | `#404040` |

| `--theme-semantic-color-action-tertiary-base-bg` | `#0c0c0c00` |

| `--theme-semantic-color-action-tertiary-base-flex-bg` | `#fff` |

| `--theme-semantic-color-action-tertiary-base-icon` | `#0c0c0c` |

| `--theme-semantic-color-action-tertiary-base-text` | `#0c0c0c` |

| `--theme-semantic-color-action-tertiary-overrides-bg__disabled` | `#0c0c0c00` |

| `--theme-semantic-color-action-tertiary-overrides-bg__focus` | `#0c0c0c00` |

| `--theme-semantic-color-action-tertiary-overrides-bg__hover` | `#0c0c0c1a` |

| `--theme-semantic-color-action-tertiary-overrides-bg__press` | `#0c0c0c1a` |

| `--theme-semantic-color-action-tertiary-overrides-icon__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-tertiary-overrides-icon__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-tertiary-overrides-icon__hover` | `#262626` |

| `--theme-semantic-color-action-tertiary-overrides-icon__press` | `#404040` |

| `--theme-semantic-color-action-tertiary-overrides-text__disabled` | `#b1b1b1` |

| `--theme-semantic-color-action-tertiary-overrides-text__focus` | `#0c0c0c` |

| `--theme-semantic-color-action-tertiary-overrides-text__hover` | `#262626` |

| `--theme-semantic-color-action-tertiary-overrides-text__press` | `#404040` |

| `--theme-semantic-color-bg-inverse` | `#0c0c0c` |

| `--theme-semantic-color-bg-persistent__black` | `#0c0c0c` |

| `--theme-semantic-color-bg-persistent__white` | `#fff` |

| `--theme-semantic-color-bg-primary` | `#fff` |

| `--theme-semantic-color-bg-secondary` | `#f8f8f8` |

| `--theme-semantic-color-bg-tertiary` | `#e6e6e6` |

| `--theme-semantic-color-border-accent` | `#d50000` |

| `--theme-semantic-color-border-focus-inverse` | `#fff` |

| `--theme-semantic-color-border-focus-primary` | `#0c0c0c` |

| `--theme-semantic-color-border-inverse` | `#fff` |

| `--theme-semantic-color-border-persistent__black` | `#0c0c0c` |

| `--theme-semantic-color-border-persistent__white` | `#fff` |

| `--theme-semantic-color-border-primary` | `#0c0c0c` |

| `--theme-semantic-color-border-quartenary` | `#e6e6e6` |

| `--theme-semantic-color-border-quinary` | `#f8f8f8` |

| `--theme-semantic-color-border-secondary` | `#6e6e6e` |

| `--theme-semantic-color-border-tertiary` | `#b1b1b1` |

| `--theme-semantic-color-icon-accent` | `#d50000` |

| `--theme-semantic-color-icon-inverse` | `#fff` |

| `--theme-semantic-color-icon-persistent__black` | `#0c0c0c` |

| `--theme-semantic-color-icon-persistent__white` | `#fff` |

| `--theme-semantic-color-icon-primary` | `#0c0c0c` |

| `--theme-semantic-color-icon-quartenary` | `#6e6e6e` |

| `--theme-semantic-color-icon-secondary` | `#262626` |

| `--theme-semantic-color-icon-tertiary` | `#404040` |

| `--theme-semantic-color-input-selector-active-base-bg` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-active-base-border` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-active-base-flex-border__med` | `#6e6e6e` |

| `--theme-semantic-color-input-selector-active-base-icon` | `#fff` |

| `--theme-semantic-color-input-selector-active-base-text` | `#fff` |

| `--theme-semantic-color-input-selector-active-overrides-bg__error` | `#d50000` |

| `--theme-semantic-color-input-selector-active-overrides-bg__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-active-overrides-bg__hover` | `#404040` |

| `--theme-semantic-color-input-selector-active-overrides-bg__press` | `#262626` |

| `--theme-semantic-color-input-selector-active-overrides-border__focus` | `#fff` |

| `--theme-semantic-color-input-selector-active-overrides-border__hover` | `#404040` |

| `--theme-semantic-color-input-selector-active-overrides-border__press` | `#404040` |

| `--theme-semantic-color-input-selector-active-overrides-flex-bg__error` | `#d500001a` |

| `--theme-semantic-color-input-selector-default-base-border` | `#6e6e6e` |

| `--theme-semantic-color-input-selector-default-base-flex-bg` | `#0c0c0c1a` |

| `--theme-semantic-color-input-selector-default-base-flex-border__high` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-base-flex-border__low` | `#b1b1b1` |

| `--theme-semantic-color-input-selector-default-base-flex-border__med` | `#404040` |

| `--theme-semantic-color-input-selector-default-base-flex-icon` | `#404040` |

| `--theme-semantic-color-input-selector-default-base-flex-text` | `#404040` |

| `--theme-semantic-color-input-selector-default-base-icon` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-base-text` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-overrides-bg__error` | `#d500001a` |

| `--theme-semantic-color-input-selector-default-overrides-bg__hover` | `#0c0c0c00` |

| `--theme-semantic-color-input-selector-default-overrides-bg__press` | `#0c0c0c1a` |

| `--theme-semantic-color-input-selector-default-overrides-border__error` | `#d50000` |

| `--theme-semantic-color-input-selector-default-overrides-border__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-overrides-border__hover` | `#404040` |

| `--theme-semantic-color-input-selector-default-overrides-border__press` | `#262626` |

| `--theme-semantic-color-input-selector-default-overrides-flex-bg__focus` | `#0c0c0c1a` |

| `--theme-semantic-color-input-selector-default-overrides-flex-bg__press` | `#0c0c0c33` |

| `--theme-semantic-color-input-selector-default-overrides-icon__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-overrides-icon__hover` | `#404040` |

| `--theme-semantic-color-input-selector-default-overrides-icon__press` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-overrides-text__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-selector-default-overrides-text__hover` | `#404040` |

| `--theme-semantic-color-input-selector-default-overrides-text__press` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-base-border` | `#6e6e6e` |

| `--theme-semantic-color-input-text-input-empty-base-flex-bg` | `#fff` |

| `--theme-semantic-color-input-text-input-empty-base-flex-border__high` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-base-helper-text` | `#6e6e6e` |

| `--theme-semantic-color-input-text-input-empty-base-icon__high` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-base-icon__low` | `#b1b1b1` |

| `--theme-semantic-color-input-text-input-empty-base-required-text` | `#d50000` |

| `--theme-semantic-color-input-text-input-empty-base-text__high` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-base-text__low` | `#6e6e6e` |

| `--theme-semantic-color-input-text-input-empty-overrides-bg__error` | `#d500001a` |

| `--theme-semantic-color-input-text-input-empty-overrides-bg__hover` | `#0c0c0c00` |

| `--theme-semantic-color-input-text-input-empty-overrides-border__error` | `#d50000` |

| `--theme-semantic-color-input-text-input-empty-overrides-border__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-overrides-border__hover` | `#404040` |

| `--theme-semantic-color-input-text-input-empty-overrides-helper-text__error` | `#d50000` |

| `--theme-semantic-color-input-text-input-empty-overrides-icon__hover` | `#404040` |

| `--theme-semantic-color-input-text-input-empty-overrides-text__error` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-overrides-text__focus` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-empty-overrides-text__hover` | `#404040` |

| `--theme-semantic-color-input-text-input-filled-base-border` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-filled-base-flex-bg` | `#fff` |

| `--theme-semantic-color-input-text-input-filled-base-helper-text` | `#6e6e6e` |

| `--theme-semantic-color-input-text-input-filled-base-icon__high` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-filled-base-icon__low` | `#b1b1b1` |

| `--theme-semantic-color-input-text-input-filled-base-required-text` | `#d50000` |

| `--theme-semantic-color-input-text-input-filled-base-text` | `#0c0c0c` |

| `--theme-semantic-color-input-text-input-filled-overrides-bg__error` | `#d500001a` |

| `--theme-semantic-color-input-text-input-filled-overrides-bg__hover` | `#0c0c0c00` |

| `--theme-semantic-color-input-text-input-filled-overrides-bg__press` | `#0c0c0c1a` |

| `--theme-semantic-color-input-text-input-filled-overrides-border__error` | `#d50000` |

| `--theme-semantic-color-input-text-input-filled-overrides-helper-text__error` | `#d50000` |

| `--theme-semantic-color-input-toggle-default-base-bg` | `#b1b1b1` |

| `--theme-semantic-color-input-toggle-default-base-flex-bg` | `#6e6e6e` |

| `--theme-semantic-color-input-toggle-default-base-icon` | `#fff` |

| `--theme-semantic-color-input-toggle-default-base-label` | `#fff` |

| `--theme-semantic-color-input-toggle-default-base-text` | `#0c0c0c` |

| `--theme-semantic-color-input-toggle-default-overrides-overlay__hover` | `#ffffff4d` |

| `--theme-semantic-color-input-toggle-default-overrides-overlay__press` | `#fff3` |

| `--theme-semantic-color-input-toggle-selected-base-bg` | `#d50000` |

| `--theme-semantic-color-input-toggle-selected-base-icon` | `#fff` |

| `--theme-semantic-color-input-toggle-selected-base-label` | `#fff` |

| `--theme-semantic-color-input-toggle-selected-base-text` | `#0c0c0c` |

| `--theme-semantic-color-input-toggle-selected-overrides-overlay__hover` | `#ffffff4d` |

| `--theme-semantic-color-input-toggle-selected-overrides-overlay__press` | `#fff3` |

| `--theme-semantic-color-link-inverse-overrides-focus` | `#fff` |

| `--theme-semantic-color-link-inverse-overrides-hover` | `#fff` |

| `--theme-semantic-color-link-primary-base-default` | `#0c0c0c` |

| `--theme-semantic-color-link-primary-base-persistent__white` | `#fff` |

| `--theme-semantic-color-link-primary-overrides-focus` | `#0c0c0c` |

| `--theme-semantic-color-link-primary-overrides-hover` | `#6e6e6e` |

| `--theme-semantic-color-link-primary-overrides-press` | `#404040` |

| `--theme-semantic-color-link-quartenary-base-default` | `#6e6e6e` |

| `--theme-semantic-color-link-quartenary-overrides-focus` | `#0c0c0c` |

| `--theme-semantic-color-link-quartenary-overrides-hover` | `#404040` |

| `--theme-semantic-color-link-quartenary-overrides-press` | `#262626` |

| `--theme-semantic-color-link-secondary-base-default` | `#262626` |

| `--theme-semantic-color-link-secondary-overrides-focus` | `#0c0c0c` |

| `--theme-semantic-color-link-secondary-overrides-hover` | `#6e6e6e` |

| `--theme-semantic-color-link-secondary-overrides-press` | `#404040` |

| `--theme-semantic-color-link-tertiary-base-default` | `#404040` |

| `--theme-semantic-color-link-tertiary-overrides-focus` | `#0c0c0c` |

| `--theme-semantic-color-link-tertiary-overrides-hover` | `#6e6e6e` |

| `--theme-semantic-color-link-tertiary-overrides-press` | `#404040` |

| `--theme-semantic-color-status-icon-caution` | `#ff7c00` |

| `--theme-semantic-color-status-icon-informative` | `#6e6e6e` |

| `--theme-semantic-color-status-icon-informative__accent` | `#3061f2` |

| `--theme-semantic-color-status-icon-negative` | `#d50000` |

| `--theme-semantic-color-status-icon-positive` | `#3da672` |

| `--theme-semantic-color-status-text-caution` | `#cd6200` |

| `--theme-semantic-color-status-text-informative` | `#6e6e6e` |

| `--theme-semantic-color-status-text-informative__accent` | `#2152d5` |

| `--theme-semantic-color-status-text-negative` | `#d50000` |

| `--theme-semantic-color-status-text-positive` | `#2b7a53` |

| `--theme-semantic-color-type-accent` | `#d50000` |

| `--theme-semantic-color-type-inverse` | `#fff` |

| `--theme-semantic-color-type-persistent__black` | `#0c0c0c` |

| `--theme-semantic-color-type-persistent__white` | `#fff` |

| `--theme-semantic-color-type-primary` | `#0c0c0c` |

| `--theme-semantic-color-type-quartenary` | `#6e6e6e` |

| `--theme-semantic-color-type-secondary` | `#262626` |

| `--theme-semantic-color-type-tertiary` | `#404040` |

| `--theme-user-account__login-button-color` | `#0c0c0c` |

| `--theme-video-playlist-item-hover-color` | `#0c0c0c` |

| `--theme-video-playlist-status-label-color` | `#0c0c0cb3` |



### Spacing & Size Tokens



| Variable | Value |

|----------|-------|

| `--primitive-size-01` | `1px` |

| `--primitive-size-02` | `2px` |

| `--primitive-size-04` | `4px` |

| `--primitive-size-08` | `8px` |

| `--primitive-size-12` | `12px` |

| `--primitive-size-16` | `16px` |

| `--primitive-size-20` | `20px` |

| `--primitive-size-24` | `24px` |

| `--primitive-size-28` | `28px` |

| `--primitive-size-32` | `32px` |

| `--primitive-size-36` | `36px` |

| `--primitive-size-40` | `40px` |

| `--primitive-size-48` | `48px` |

| `--primitive-size-56` | `56px` |

| `--primitive-size-64` | `64px` |

| `--primitive-size-72` | `72px` |

| `--primitive-size-80` | `80px` |

| `--primitive-size-none` | `0` |

| `--primitive-type-font-size-10` | `10px` |

| `--primitive-type-font-size-12` | `12px` |

| `--primitive-type-font-size-14` | `14px` |

| `--primitive-type-font-size-16` | `16px` |

| `--primitive-type-font-size-18` | `18px` |

| `--primitive-type-font-size-20` | `20px` |

| `--primitive-type-font-size-24` | `24px` |

| `--primitive-type-font-size-30` | `30px` |

| `--primitive-type-font-size-32` | `32px` |

| `--primitive-type-font-size-36` | `36px` |

| `--primitive-type-font-size-40` | `40px` |

| `--primitive-type-font-size-42` | `42px` |

| `--primitive-type-font-size-48` | `48px` |

| `--primitive-type-font-size-56` | `56px` |

| `--primitive-type-font-size-64` | `64px` |

| `--primitive-type-letter-spacing-100` | `1px` |

| `--primitive-type-letter-spacing-1200` | `12px` |

| `--primitive-type-letter-spacing-125` | `1.25px` |

| `--primitive-type-letter-spacing-150` | `1.5px` |

| `--primitive-type-letter-spacing-25` | `.25px` |

| `--primitive-type-letter-spacing-50` | `.5px` |

| `--primitive-type-letter-spacing-none` | `0` |

| `--semantic-size-2xl` | `64px` |

| `--semantic-size-lg` | `40px` |

| `--semantic-size-md` | `32px` |

| `--semantic-size-sm` | `24px` |

| `--semantic-size-xl` | `48px` |

| `--semantic-size-xs` | `16px` |

| `--semantic-type-action-letter-spacing` | `0` |

| `--semantic-type-body-letter-spacing` | `0` |

| `--semantic-type-description-letter-spacing` | `0` |

| `--semantic-type-header-letter-spacing` | `0` |

| `--semantic-type-input-letter-spacing` | `0` |

| `--semantic-type-metadata-letter-spacing` | `0` |

| `--semantic-type-metadata-letter-spacing__all-caps` | `.5px` |

| `--semantic-type-subtitle-letter-spacing` | `1px` |

| `--semantic-type-title-letter-spacing` | `0` |

| `--social-sharing-margin-top` | `16px` |

| `--theme-article-spacing-top` | `0px` |

| `--theme-component-action-bar-button-gap` | `2px` |

| `--theme-component-alerts-list-padding__left` | `18px` |

| `--theme-component-alerts-text-grp-gap` | `4px` |

| `--theme-component-breadcrumb-gap` | `4px` |

| `--theme-component-breadcrumb-letter-spacing` | `1px` |

| `--theme-component-breadcrumb-padding__bottom` | `4px` |

| `--theme-component-button-gap__xs` | `2px` |

| `--theme-component-button-padding__sm` | `12px` |

| `--theme-component-byline-author-hgap` | `4px` |

| `--theme-component-byline-author-vgap` | `4px` |

| `--theme-component-byline-avatar-grp-gap__double` | `8px` |

| `--theme-component-byline-avatar-grp-gap__multi` | `-12px` |

| `--theme-component-byline-avatar-grp-gap__single` | `0` |

| `--theme-component-byline-gap` | `8px` |

| `--theme-component-card-list-vpadding` | `12px` |

| `--theme-component-card-ranked_list-vpadding` | `10px` |

| `--theme-component-chip-hgap` | `2px` |

| `--theme-component-chip-hpadding` | `12px` |

| `--theme-component-chip-vpadding` | `5px` |

| `--theme-component-container-label-gap__xs` | `2px` |

| `--theme-component-container-title-letter-spacing` | `0` |

| `--theme-component-correction-gap` | `4px` |

| `--theme-component-correction-label-letter-spacing` | `0` |

| `--theme-component-correction-letter-spacing` | `0` |

| `--theme-component-divider-padding-bottom` | `24px` |

| `--theme-component-divider-padding-top` | `16px` |

| `--theme-component-editor-note-hpadding` | `0` |

| `--theme-component-editor-note-label-letter-spacing` | `1px` |

| `--theme-component-editor-note-vpadding` | `0` |

| `--theme-component-factbox-gap` | `12px` |

| `--theme-component-follow-topics-explore-more-link-margin-left` | `2px` |

| `--theme-component-follow-topics-padding-top` | `10px` |

| `--theme-component-header-padding-left` | `0` |

| `--theme-component-header-padding-right` | `0` |

| `--theme-component-headline-center__elev-label-letter-spacing` | `1.2px` |

| `--theme-component-headline-description-padding-left` | `2px` |

| `--theme-component-headline-kicker-letter-spacing` | `1.4px` |

| `--theme-component-headline-live-indicator-text-letter-spacing` | `1.5px` |

| `--theme-component-headline-live-indicator-text-padding-left` | `20px` |

| `--theme-component-headline-text-kicker-letter-spacing` | `1.4px` |

| `--theme-component-headline-text-padding-left` | `0` |

| `--theme-component-headline-text-padding-right` | `0` |

| `--theme-component-headline__elev-footer-margin-left` | `32px` |

| `--theme-component-headline__elev-footer-margin-right` | `32px` |

| `--theme-component-headline__elev-gap` | `24px` |

| `--theme-component-headline__elev-margin-bottom` | `0` |

| `--theme-component-headline__elev-padding-top` | `0` |

| `--theme-component-headline__elev-text-padding-left` | `0` |

| `--theme-component-headline__elev-text-padding-right` | `0` |

| `--theme-component-icon-button-padding__sm` | `12px` |

| `--theme-component-image-meta-grp-gap` | `2px` |

| `--theme-component-image-meta-grp-padding-bottom` | `12px` |

| `--theme-component-label-elev-signifier-letter-spacing` | `.5px` |

| `--theme-component-label-gap` | `6px` |

| `--theme-component-label-padding__lg` | `12px` |

| `--theme-component-list-bullets-gap` | `12px` |

| `--theme-component-list-gap` | `12px` |

| `--theme-component-page-top-padding` | `12px` |

| `--theme-component-quote-gap` | `8px` |

| `--theme-component-quote-pull-quote-source-letter-spacing` | `0` |

| `--theme-component-quote-pull-quote-title-letter-spacing` | `0` |

| `--theme-component-quote-vpadding` | `16px` |

| `--theme-component-related-content-headline-letter-spacing` | `0` |

| `--theme-component-related-content-title-letter-spacing` | `.5px` |

| `--theme-component-social-share-gap` | `12px` |

| `--theme-component-source-default-gap` | `2px` |

| `--theme-component-source__elev-gap` | `4px` |

| `--theme-component-subheader-letter-spacing` | `0` |

| `--theme-component-tab-gap__fixed` | `0` |

| `--theme-component-timestamp-letter-spacing` | `0` |

| `--theme-container-item__margin-bottom-feature-list` | `32px` |

| `--theme-container-margin-bottom-600` | `0` |

| `--theme-container-margin-bottom-default` | `24px` |

| `--theme-container-title__margin-bottom` | `0` |

| `--theme-container-title__margin-bottom-grid-4` | `0` |

| `--theme-container__margin-bottom-feature-grid-3` | `0` |

| `--theme-container__margin-bottom-grid-3` | `32px` |

| `--theme-disclaimer-fontsize-sm` | `14px` |

| `--theme-footer__brand-logo-icon-margin-top` | `8px` |

| `--theme-header__dropdown-margin-top` | `2px` |

| `--theme-header__logo-padding-top` | `0` |

| `--theme-headline-sponsorship__lateral-margin` | `0` |

| `--theme-headline__margin-bottom` | `16px` |

| `--theme-headline__padding-bottom` | `48px` |

| `--theme-headline__padding-bottom-viewport-large` | `64px` |

| `--theme-headline__teaser-margin-botton` | `0` |

| `--theme-headline__teaser-margin-top` | `0` |

| `--theme-main-wrapper-column-gap-large-width` | `50px` |

| `--theme-main-wrapper-column-gap-medium-width` | `40px` |

| `--theme-paragraph-fontsize-sm` | `14px` |

| `--theme-paragraph-fontsize-xl` | `16px` |

| `--theme-paragraph__font-size--from-small` | `16px` |

| `--theme-section-headline-text__margin-bottom` | `22px` |

| `--theme-section-headline-text__margin-top` | `16px` |

| `--theme-section-headline__margin-bottom` | `16px` |

| `--theme-semantic-size-2xl` | `64px` |

| `--theme-semantic-size-lg` | `40px` |

| `--theme-semantic-size-md` | `32px` |

| `--theme-semantic-size-sm` | `24px` |

| `--theme-semantic-size-xl` | `48px` |

| `--theme-semantic-size-xs` | `16px` |

| `--theme-semantic-type-action-letter-spacing` | `0` |

| `--theme-semantic-type-body-letter-spacing` | `0` |

| `--theme-semantic-type-description-letter-spacing` | `0` |

| `--theme-semantic-type-header-letter-spacing` | `0` |

| `--theme-semantic-type-input-letter-spacing` | `0` |

| `--theme-semantic-type-metadata-letter-spacing__narrow` | `.5px` |

| `--theme-semantic-type-metadata-letter-spacing__none` | `0` |

| `--theme-semantic-type-metadata-letter-spacing__wide` | `1.2px` |

| `--theme-semantic-type-subtitle-letter-spacing` | `1px` |

| `--theme-semantic-type-title-letter-spacing` | `0` |

| `--theme-zone-title__font-size-medium-plus` | `30px` |

| `--theme-zone__margin-bottom-default` | `48px` |

| `--theme-zone__margin-top` | `-32px` |

| `--theme-zone__padding-bottom-default` | `64px` |

| `--theme-zone__padding-bottom-small` | `64px` |

| `--theme-zone__wide-center-column-spacing` | `24px` |



### Typography Tokens



| Variable | Value |

|----------|-------|

| `--primitive-type-font-family-cnn-condensed` | `cnn_sans_condensed,Arial Narrow,Helvetica Narrow,sans-serif` |

| `--primitive-type-font-family-cnn-sans` | `cnn_sans` |

| `--primitive-type-font-family-cnn-sans-display` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--primitive-type-font-family-noto-serif` | `noto_serif,Georgia,Times New Roman,serif` |

| `--primitive-type-font-wt-style-black` | `Black` |

| `--primitive-type-font-wt-style-bold` | `Bold` |

| `--primitive-type-font-wt-style-extra-bold` | `ExtraBold` |

| `--primitive-type-font-wt-style-extra-light` | `Extra Light` |

| `--primitive-type-font-wt-style-heavy` | `Heavy` |

| `--primitive-type-font-wt-style-italic-black` | `Black Italic` |

| `--primitive-type-font-wt-style-italic-bold` | `Bold Italic` |

| `--primitive-type-font-wt-style-italic-extra-bold` | `ExtraBold Italic` |

| `--primitive-type-font-wt-style-italic-extra-light` | `ExtraLight Italic` |

| `--primitive-type-font-wt-style-italic-heavy` | `Heavy Italic` |

| `--primitive-type-font-wt-style-italic-light` | `Light Italic` |

| `--primitive-type-font-wt-style-italic-medium` | `Medium Italic` |

| `--primitive-type-font-wt-style-italic-regular` | `Italic` |

| `--primitive-type-font-wt-style-italic-semi-bold` | `SemiBold Italic` |

| `--primitive-type-font-wt-style-italic-thin` | `Thin Italic` |

| `--primitive-type-font-wt-style-light` | `Light` |

| `--primitive-type-font-wt-style-medium` | `Medium` |

| `--primitive-type-font-wt-style-regular` | `Regular` |

| `--primitive-type-font-wt-style-semi-bold` | `SemiBold` |

| `--primitive-type-font-wt-style-thin` | `Thin` |

| `--primitive-type-text-decoration-none` | `none` |

| `--primitive-type-text-decoration-underline` | `underline` |

| `--primitive-type-text-transform-lowercase` | `lowercase` |

| `--primitive-type-text-transform-none` | `none` |

| `--primitive-type-text-transform-sentence-case` | `capitalize` |

| `--primitive-type-text-transform-uppercase` | `uppercase` |

| `--semantic-type-action-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-action-font-wt-style__bold` | `Bold` |

| `--semantic-type-action-lg-font-size` | `16px` |

| `--semantic-type-action-md-font-size` | `14px` |

| `--semantic-type-action-sm-font-size` | `12px` |

| `--semantic-type-action-text-decoration` | `none` |

| `--semantic-type-action-text-transform` | `none` |

| `--semantic-type-action-xl-font-size` | `18px` |

| `--semantic-type-body-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-body-font-wt-style__bold` | `Bold` |

| `--semantic-type-body-font-wt-style__bold-italic` | `Bold Italic` |

| `--semantic-type-body-font-wt-style__italic` | `Italic` |

| `--semantic-type-body-font-wt-style__med` | `Medium` |

| `--semantic-type-body-font-wt-style__reg` | `Regular` |

| `--semantic-type-body-lg-font-size` | `16px` |

| `--semantic-type-body-md-font-size` | `14px` |

| `--semantic-type-body-sm-font-size` | `12px` |

| `--semantic-type-body-text-decoration` | `none` |

| `--semantic-type-body-xl-font-size` | `18px` |

| `--semantic-type-description-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-description-font-wt-style` | `Regular` |

| `--semantic-type-description-lg-font-size` | `16px` |

| `--semantic-type-description-md-font-size` | `14px` |

| `--semantic-type-description-sm-font-size` | `12px` |

| `--semantic-type-description-text-decoration` | `none` |

| `--semantic-type-description-xl-font-size` | `18px` |

| `--semantic-type-header-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-header-font-wt-style` | `Bold` |

| `--semantic-type-header-h1-font-size` | `42px` |

| `--semantic-type-header-h2-font-size` | `30px` |

| `--semantic-type-header-h3-font-size` | `24px` |

| `--semantic-type-header-h4-font-size` | `20px` |

| `--semantic-type-header-h5-font-size` | `16px` |

| `--semantic-type-header-h6-font-size` | `14px` |

| `--semantic-type-input-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-input-font-wt-style__bold` | `Bold` |

| `--semantic-type-input-font-wt-style__med` | `Medium` |

| `--semantic-type-input-font-wt-style__reg` | `Regular` |

| `--semantic-type-input-lg-font-size` | `16px` |

| `--semantic-type-input-md-font-size` | `14px` |

| `--semantic-type-input-sm-font-size` | `12px` |

| `--semantic-type-input-text-decoration` | `none` |

| `--semantic-type-input-text-transform` | `uppercase` |

| `--semantic-type-metadata-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-metadata-font-wt-style__bold` | `Bold` |

| `--semantic-type-metadata-font-wt-style__italic` | `Italic` |

| `--semantic-type-metadata-font-wt-style__med` | `Medium` |

| `--semantic-type-metadata-font-wt-style__reg` | `Regular` |

| `--semantic-type-metadata-lg-font-size` | `16px` |

| `--semantic-type-metadata-md-font-size` | `14px` |

| `--semantic-type-metadata-sm-font-size` | `12px` |

| `--semantic-type-metadata-text-decoration` | `none` |

| `--semantic-type-metadata-text-transform` | `uppercase` |

| `--semantic-type-metadata-xl-font-size` | `18px` |

| `--semantic-type-subtitle-S-font-size` | `12px` |

| `--semantic-type-subtitle-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-subtitle-font-wt-style__bold` | `Bold` |

| `--semantic-type-subtitle-font-wt-style__reg` | `Regular` |

| `--semantic-type-subtitle-lg-font-size` | `16px` |

| `--semantic-type-subtitle-md-font-size` | `14px` |

| `--semantic-type-subtitle-text-transform` | `uppercase` |

| `--semantic-type-title-2xl-font-size` | `32px` |

| `--semantic-type-title-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--semantic-type-title-font-wt-style__bold` | `Bold` |

| `--semantic-type-title-font-wt-style__med` | `Medium` |

| `--semantic-type-title-font-wt-style__reg` | `Regular` |

| `--semantic-type-title-lg-font-size` | `20px` |

| `--semantic-type-title-md-font-size` | `18px` |

| `--semantic-type-title-sm-font-size` | `16px` |

| `--semantic-type-title-xl-font-size` | `24px` |

| `--semantic-type-title-xs-font-size` | `14px` |

| `--theme-ad-slot-text-hover` | `#fff` |

| `--theme-component-action-bar-button-font-weight` | `Medium` |

| `--theme-component-breadcrumb-link-font-size` | `14px` |

| `--theme-component-breadcrumb-link-font-weight` | `Regular` |

| `--theme-component-breadcrumb-read-time-separator-font-size` | `14px` |

| `--theme-component-card-ranked_list-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-correction-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-correction-font-size` | `16px` |

| `--theme-component-correction-font-wt-style__italic` | `Italic` |

| `--theme-component-correction-font-wt-style__reg` | `Regular` |

| `--theme-component-correction-label-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-correction-label-font-size` | `16px` |

| `--theme-component-correction-label-font-wt-style__md` | `Medium` |

| `--theme-component-correction-label-font-wt-style__reg` | `Regular` |

| `--theme-component-correction-label-text-transform` | `none` |

| `--theme-component-correction-link-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-correction-text-transform` | `none` |

| `--theme-component-credit-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-credit-font-wt-style` | `Regular` |

| `--theme-component-disclaimer-text-line-height` | `21px` |

| `--theme-component-divider-title-font-size` | `20px` |

| `--theme-component-editor-note-label-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-editor-note-label-font-size` | `12px` |

| `--theme-component-editor-note-label-font-wt-style__med` | `Medium` |

| `--theme-component-factbox-elev-font-size` | `14px` |

| `--theme-component-factbox-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-headline-center__elev-label-font-size` | `12px` |

| `--theme-component-headline-center__elev-label-font-weight` | `Medium` |

| `--theme-component-headline-kicker-font-wt-style__med` | `Medium` |

| `--theme-component-headline-text-border-width` | `0` |

| `--theme-component-headline-text-kicker-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-headline-text-kicker-font-size` | `12px` |

| `--theme-component-headline-text-kicker-font-wt-style__med` | `Medium` |

| `--theme-component-headline-text-kicker-line-height` | `18px` |

| `--theme-component-label-elev-signifier-font-wt-style__bold` | `Bold` |

| `--theme-component-list-link-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-live-story-timeline-headline-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-page-top-actions-font-weight` | `Bold` |

| `--theme-component-pull-quote-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-pull-quote-font-weight` | `String value` |

| `--theme-component-pull-quote-source-font-family` | `string_value` |

| `--theme-component-pull-quote-source-font-size` | `0` |

| `--theme-component-pull-quote-source-font-weight` | `String value` |

| `--theme-component-quote-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-quote-font-wt-style` | `Bold` |

| `--theme-component-quote-pull-quote-source-font-size` | `12px` |

| `--theme-component-quote-pull-quote-title-font-size` | `20px` |

| `--theme-component-related-content-headline-font-size` | `14px` |

| `--theme-component-related-content-title-font-size` | `14px` |

| `--theme-component-source-default-font-size` | `16px` |

| `--theme-component-source__elev-font-size` | `18px` |

| `--theme-component-subheader-all-caps-centered-h2-font-size` | `24px` |

| `--theme-component-subheader-all-caps-centered-h3-font-size` | `20px` |

| `--theme-component-subheader-all-caps-centered-h4-font-size` | `18px` |

| `--theme-component-subheader-all-caps-centered-h5-font-size` | `16px` |

| `--theme-component-subheader-all-caps-centered-h6-font-size` | `14px` |

| `--theme-component-subheader-all-caps-h2-font-size` | `24px` |

| `--theme-component-subheader-all-caps-h3-font-size` | `20px` |

| `--theme-component-subheader-all-caps-h4-font-size` | `18px` |

| `--theme-component-subheader-all-caps-h5-font-size` | `16px` |

| `--theme-component-subheader-all-caps-h6-font-size` | `14px` |

| `--theme-component-subheader-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-component-subheader-font-wt-style__bold` | `Bold` |

| `--theme-component-subheader-font-wt-style__reg` | `Regular` |

| `--theme-component-subheader-regular-h2-font-size` | `24px` |

| `--theme-component-subheader-regular-h3-font-size` | `20px` |

| `--theme-component-subheader-regular-h4-font-size` | `18px` |

| `--theme-component-subheader-regular-h5-font-size` | `16px` |

| `--theme-component-subheader-regular-h6-font-size` | `14px` |

| `--theme-component-text-input-focus-border__radius` | `10px` |

| `--theme-component-text-input-validation-icon__fail` | `#b1b1b1` |

| `--theme-component-text-input-validation-icon__pass` | `#3da672` |

| `--theme-container-headline__font-weight` | `500` |

| `--theme-container-lead-title-mobile__font-size` | `16px` |

| `--theme-container-lead-title__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-container-lead-title__font-size` | `20px` |

| `--theme-container-lead-title__font-weight` | `700` |

| `--theme-container-text-decoration--hover` | `underline` |

| `--theme-container-title-emphatic__font-size` | `24px` |

| `--theme-container-title__text-size` | `16px` |

| `--theme-container__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-container__font-weight` | `400` |

| `--theme-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-font-family-body` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-header__item-link-font-weight` | `500` |

| `--theme-header__more-link-hover-font-weight` | `500` |

| `--theme-headline__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-headline__font-size` | `42px` |

| `--theme-headline__font-weight` | `700` |

| `--theme-headline__teaser-font-size` | `16px` |

| `--theme-hero-description__font-size` | `16px` |

| `--theme-hero-headline__font-size` | `42px` |

| `--theme-hero-headline__font-weight` | `400` |

| `--theme-paragraph__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-paragraph__font-size` | `16px` |

| `--theme-quote__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-quote__font-weight` | `700` |

| `--theme-section-headline-teaser__font-size` | `inherit` |

| `--theme-section-headline__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-section-headline__font-size` | `42px` |

| `--theme-section-headline__font-weight` | `700` |

| `--theme-semantic-type-action-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-action-font-wt-style__bold` | `Bold` |

| `--theme-semantic-type-action-lg-font-size` | `16px` |

| `--theme-semantic-type-action-md-font-size` | `14px` |

| `--theme-semantic-type-action-sm-font-size` | `12px` |

| `--theme-semantic-type-action-text-decoration` | `none` |

| `--theme-semantic-type-action-text-transform` | `none` |

| `--theme-semantic-type-action-xl-font-size` | `18px` |

| `--theme-semantic-type-body-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-body-font-family__elev` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-body-font-wt-style__bold` | `Bold` |

| `--theme-semantic-type-body-font-wt-style__bold-italic` | `Bold Italic` |

| `--theme-semantic-type-body-font-wt-style__italic` | `Italic` |

| `--theme-semantic-type-body-font-wt-style__med` | `Medium` |

| `--theme-semantic-type-body-font-wt-style__reg` | `Regular` |

| `--theme-semantic-type-body-lg-font-size` | `16px` |

| `--theme-semantic-type-body-md-font-size` | `14px` |

| `--theme-semantic-type-body-sm-font-size` | `12px` |

| `--theme-semantic-type-body-xl-font-size` | `18px` |

| `--theme-semantic-type-description-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-description-font-family__elev` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-description-font-wt-style` | `Regular` |

| `--theme-semantic-type-description-lg-font-size` | `16px` |

| `--theme-semantic-type-description-md-font-size` | `14px` |

| `--theme-semantic-type-description-sm-font-size` | `12px` |

| `--theme-semantic-type-description-xl-font-size` | `18px` |

| `--theme-semantic-type-header-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-header-font-wt-style` | `Bold` |

| `--theme-semantic-type-header-h1-font-size` | `42px` |

| `--theme-semantic-type-header-h2-font-size` | `30px` |

| `--theme-semantic-type-header-h3-font-size` | `24px` |

| `--theme-semantic-type-header-h4-font-size` | `20px` |

| `--theme-semantic-type-header-h5-font-size` | `16px` |

| `--theme-semantic-type-header-h6-font-size` | `14px` |

| `--theme-semantic-type-input-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-input-font-weight__bold` | `Bold` |

| `--theme-semantic-type-input-font-weight__med` | `Medium` |

| `--theme-semantic-type-input-font-weight__reg` | `Regular` |

| `--theme-semantic-type-input-lg-font-size` | `16px` |

| `--theme-semantic-type-input-md-font-size` | `14px` |

| `--theme-semantic-type-input-sm-font-size` | `12px` |

| `--theme-semantic-type-metadata-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-metadata-font-family__elev` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-metadata-font-wt-style__bold` | `Bold` |

| `--theme-semantic-type-metadata-font-wt-style__italic` | `Italic` |

| `--theme-semantic-type-metadata-font-wt-style__med` | `Medium` |

| `--theme-semantic-type-metadata-font-wt-style__reg` | `Regular` |

| `--theme-semantic-type-metadata-lg-font-size` | `16px` |

| `--theme-semantic-type-metadata-md-font-size` | `14px` |

| `--theme-semantic-type-metadata-sm-font-size` | `12px` |

| `--theme-semantic-type-metadata-text-transform` | `uppercase` |

| `--theme-semantic-type-metadata-xl-font-size` | `18px` |

| `--theme-semantic-type-subtitle-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-subtitle-font-wt-style__bold` | `Bold` |

| `--theme-semantic-type-subtitle-font-wt-style__reg` | `Regular` |

| `--theme-semantic-type-subtitle-lg-font-size` | `16px` |

| `--theme-semantic-type-subtitle-md-font-size` | `14px` |

| `--theme-semantic-type-subtitle-sm-font-size` | `12px` |

| `--theme-semantic-type-subtitle-text-transform` | `uppercase` |

| `--theme-semantic-type-title-2xl-font-size` | `32px` |

| `--theme-semantic-type-title-font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-semantic-type-title-font-wt-style__bold` | `Bold` |

| `--theme-semantic-type-title-font-wt-style__med` | `Medium` |

| `--theme-semantic-type-title-font-wt-style__reg` | `Regular` |

| `--theme-semantic-type-title-lg-font-size` | `20px` |

| `--theme-semantic-type-title-md-font-size` | `18px` |

| `--theme-semantic-type-title-sm-font-size` | `16px` |

| `--theme-semantic-type-title-xl-font-size` | `24px` |

| `--theme-semantic-type-title-xs-font-size` | `14px` |

| `--theme-subheader-h2__font-size` | `30px` |

| `--theme-subheader-h3__font-size` | `24px` |

| `--theme-subheader-h4__font-size` | `20px` |

| `--theme-subheader-h5__font-size` | `16px` |

| `--theme-subheader-h6__font-size` | `14px` |

| `--theme-subheader__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-subheader__font-weight` | `700` |

| `--theme-text-banner__gradient-1` | `#cdb6f1` |

| `--theme-text-banner__gradient-2` | `#e5dbf8` |

| `--theme-zone-title__font-family` | `cnn_sans_display,helveticaneue,Helvetica,Arial,Utkal,sans-serif` |

| `--theme-zone-title__font-size` | `24px` |

| `--theme-zone-title__font-weight` | `700` |





## Color Palette



### Text



**Dark / Base**

- `#000000` (used 116x)

- `#0000ee` (used 105x)

- `#cc0000`



### Borders



**Dark / Base**

- `#000000`



**Light / Surface**

- `#e6e6e6`



**Primary accent**: `#cc0000`





## Typography



**Font stack**: Helvetica



| Role | Font | Size | Weight | Line Height | Tracking |

|------|------|------|--------|-------------|----------|

| Body | Helvetica | 16px | 400 | normal | normal |

| Body | Helvetica | 16px | 700 | normal | normal |





## Spacing Scale



`5px` · `10px` · `16px` · `20px` · `40px`



*Based on a **4px grid** system.*



