EviCore by Evernorth design system
evicore.com
Read from EviCore by Evernorth's public website by Clinical Terminal. Not reviewed by EviCore by Evernorth. Copy it and paste it into Claude as inspiration.
Corrections or removal: agent@clinicalterminal.com
Palette
- Ground#FFFFFF--leaf-color-header-bg-default
- Ink#002F32
- Accent on the ground#008651
- Primary#3EFFC0--leaf-color-dataviz-categorical-inverse-sequence-1
- On primary#002F32--color--quaternary
- Dark#002F32--color--quaternary
- Site background#FFFFFF--leaf-color-header-bg-default
Color ramps
Leaf Color Dataviz Categorical Sequence
1
#008F83
2
#003826
3
#2F78F4
4
#002970
5
#7DAD00
6
#3B5200
7
#FF5C5C
8
#5C1F2E
Leaf Color Dataviz Categorical Inverse Sequence
1
#3EFFC0
2
#008F83
3
#CADCFC
4
#2F78F4
5
#DAFA87
6
#7DAD00
7
#FCCACA
8
#FF5C5C
Other named colors
- --leaf-color-accent-bg-champagne #EDEBE7
- --leaf-color-accent-bg-hypermint #3EFFC0
- --leaf-color-accent-bg-medium-mint #008F83
- --leaf-color-accent-bg-sky-blue #A3C5FF
- --leaf-color-accent-bg-spruce #DAFA87
- --leaf-color-accent-bg-coral #F88181
- --leaf-color-accent-content-champagne #EDEBE7
- --leaf-color-accent-content-hypermint #3EFFC0
- --leaf-color-accent-content-medium-mint #008F83
- --leaf-color-accent-content-sky-blue #A3C5FF
- --leaf-color-accent-content-spruce #DAFA87
- --leaf-color-accent-content-coral #F88181
- --leaf-color-header-bg-default #FFFFFF
- --leaf-color-header-inverse-bg-default #035C67
- --leaf-color-header-bg-secondary #035C67
- --leaf-color-header-inverse-bg-secondary #FFFFFF
- --leaf-color-header-bg-tertiary #035C67
- --leaf-color-header-inverse-bg-tertiary #FFFFFF
- --leaf-color-header-menu-bg-default #FFFFFF
- --leaf-color-header-menu-inverse-bg-default #035C67
- --leaf-color-header-menu-bg-selected #F6F5F3
- --leaf-color-header-menu-inverse-bg-selected #00363D
- --leaf-color-header-menu-bg-hover #F6F5F3
- --leaf-color-header-menu-inverse-bg-hover #00363D
- --leaf-color-header-menu-bg-pressed #EDEBE7
- --leaf-color-header-menu-inverse-bg-pressed #00171A
- --leaf-color-header-menu-bg-active #EDEBE7
- --leaf-color-header-menu-inverse-bg-active #00171A
- --leaf-color-header-menu-bg-focus #F6F5F3
- --leaf-color-header-menu-inverse-bg-focus #00363D
- --leaf-color-header-menu-content-default #035C67
- --leaf-color-header-menu-inverse-content-default #FFFFFF
- --leaf-color-header-menu-content-hover #00363D
- --leaf-color-header-menu-inverse-content-hover #FFFFFF
- --leaf-color-header-menu-content-pressed #00171A
- --leaf-color-header-menu-inverse-content-pressed #FFFFFF
- --leaf-color-header-menu-content-active #00171A
- --leaf-color-header-menu-inverse-content-active #FFFFFF
- --leaf-color-header-menu-content-selected #00363D
- --leaf-color-header-menu-inverse-content-selected #FFFFFF
- --leaf-color-header-menu-content-focus #035C67
- --leaf-color-header-menu-inverse-content-focus #FFFFFF
- --leaf-color-header-menu-border-default #505050
- --leaf-color-header-menu-inverse-border-default #505050
- --leaf-color-header-menu-border-pressed #035C67
- --leaf-color-header-menu-inverse-border-pressed #FFFFFF
- --leaf-color-header-menu-border-active #035C67
- --leaf-color-header-menu-inverse-border-active #FFFFFF
Type
Headings
Archivo · closest free match for GT Walsheim Pro
EviCore by Evernorth at a glance
Body
Archivo · closest free match for GT Walsheim Pro
Clear, readable paragraphs for clinicians, buyers and patients alike.
- 3rem · 48pxEviCore by Evernorth
- 2.5rem · 40pxEviCore by Evernorth
- 2rem · 32pxEviCore by Evernorth
- 1.75rem · 28pxEviCore by Evernorth
- 1.5rem · 24pxEviCore by Evernorth
- 1.25rem · 20pxEviCore by Evernorth
- 1.125rem · 18pxEviCore by Evernorth
- 1rem · 16pxEviCore by Evernorth
Shape & depth
Cards and panels: 20px corners · buttons and chips: 30px.
Corner radii
- 30pxused in 46 rules
- 10pxused in 28 rules
- 50%used in 19 rules
- 5pxused in 5 rules
- 7pxused in 2 rules
- 100pxused in 2 rules
- 2pxused in 1 rule
- 8pxused in 1 rule
- 1.75remused in 1 rule
- 20pxused in 1 rule
Shadows
- 0 8px 30px rgba(0,0,0,.07)used in 19 rules
- 0 0 28px -20px #000used in 4 rules
- 0 0 5px #666666used in 3 rules
- 0 0 3px 1px rgb(94,158,214)used in 2 rules
- 0 0 27px rgba(0,0,0,.07)used in 2 rules
- inset 1px 1px 1px #cccused in 1 rule
Gradients
- linear-gradient(#e7e7df,#f0f0f0)used in 2 rules
- linear-gradient(top,rgb(0,0,0,0),rgb(0,0,0,0.15))used in 1 rule
- linear-gradient(left top,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)used in 1 rule
- linear-gradient(to bottom,rgb(0,0,0,0),rgb(0,0,0,0.15))used in 1 rule
- linear-gradient(to right bottom,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)used in 1 rule
Breakpoints: 480px · 481px · 600px · 767px · 768px · 979px · 980px · 981px · 1140px · 1279px · 1280px · 1281px
Voice
Tone: professional. Energy: low. Written for patients and healthcare professionals.
DESIGN.md
The file Copy design system puts on your clipboard. Open the raw file.
--- generator: clinical-terminal-brand-kit company: "EviCore by Evernorth" domain: "evicore.com" colors: primary: "#3EFFC0" onPrimary: "#002F32" dark: "#002F32" background: "#FFFFFF" ground: mode: light hex: "#FFFFFF" ink: "#002F32" accent: "#008651" fonts: heading: "Archivo" body: "Archivo" radius: card: "20px" button: "30px" --- # Design System — EviCore by Evernorth > Read from EviCore by Evernorth's public website (evicore.com) by Clinical Terminal. Not reviewed by EviCore by Evernorth. > Use it as inspiration: borrow the ideas, not EviCore by Evernorth's name, logo or identity. ## Ground - **Light ground** (#FFFFFF), from EviCore by Evernorth's site background #FFFFFF. Pages and panels sit on it. - Main text: #002F32 (14.46:1 on the ground). - Secondary text is #002F32 at 88% / 76% / 60%; hairlines and plate borders #002F32 at 16%. ## Color - **Accent on the ground: #008651** (4.64:1), adjusted from EviCore by Evernorth's primary #3EFFC0 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills. - **Primary #3EFFC0** for filled shapes (buttons, chips, bars), with #002F32 text on it (11.2:1). - Quote every hex exactly as written above. ## Type - Headlines: **Archivo**. Body: **Archivo**. Both on Google Fonts. - EviCore by Evernorth's site uses GT Walsheim Pro / GT Walsheim Pro; these are the closest free look-alikes. ## Shape - Cards and panels: 20px corners. Buttons and chips: 30px. ## Voice - Tone: professional. Energy: low. Written for patients and healthcare professionals. - Headlines are short and concrete. ## Tokens from the site's stylesheets ### Color ramps - **Leaf Color Dataviz Categorical Sequence** (`--leaf-color-dataviz-categorical-sequence-N`): 1 `#008F83` · 2 `#003826` · 3 `#2F78F4` · 4 `#002970` · 5 `#7DAD00` · 6 `#3B5200` · 7 `#FF5C5C` · 8 `#5C1F2E` - **Leaf Color Dataviz Categorical Inverse Sequence** (`--leaf-color-dataviz-categorical-inverse-sequence-N`): 1 `#3EFFC0` · 2 `#008F83` · 3 `#CADCFC` · 4 `#2F78F4` · 5 `#DAFA87` · 6 `#7DAD00` · 7 `#FCCACA` · 8 `#FF5C5C` ### Other named colors - `--leaf-color-accent-bg-champagne`: `#EDEBE7` - `--leaf-color-accent-bg-hypermint`: `#3EFFC0` - `--leaf-color-accent-bg-medium-mint`: `#008F83` - `--leaf-color-accent-bg-sky-blue`: `#A3C5FF` - `--leaf-color-accent-bg-spruce`: `#DAFA87` - `--leaf-color-accent-bg-coral`: `#F88181` - `--leaf-color-accent-content-champagne`: `#EDEBE7` - `--leaf-color-accent-content-hypermint`: `#3EFFC0` - `--leaf-color-accent-content-medium-mint`: `#008F83` - `--leaf-color-accent-content-sky-blue`: `#A3C5FF` - `--leaf-color-accent-content-spruce`: `#DAFA87` - `--leaf-color-accent-content-coral`: `#F88181` - `--leaf-color-header-bg-default`: `#FFFFFF` - `--leaf-color-header-inverse-bg-default`: `#035C67` - `--leaf-color-header-bg-secondary`: `#035C67` - `--leaf-color-header-inverse-bg-secondary`: `#FFFFFF` - `--leaf-color-header-bg-tertiary`: `#035C67` - `--leaf-color-header-inverse-bg-tertiary`: `#FFFFFF` - `--leaf-color-header-menu-bg-default`: `#FFFFFF` - `--leaf-color-header-menu-inverse-bg-default`: `#035C67` - `--leaf-color-header-menu-bg-selected`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-selected`: `#00363D` - `--leaf-color-header-menu-bg-hover`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-hover`: `#00363D` - `--leaf-color-header-menu-bg-pressed`: `#EDEBE7` - `--leaf-color-header-menu-inverse-bg-pressed`: `#00171A` - `--leaf-color-header-menu-bg-active`: `#EDEBE7` - `--leaf-color-header-menu-inverse-bg-active`: `#00171A` - `--leaf-color-header-menu-bg-focus`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-focus`: `#00363D` - `--leaf-color-header-menu-content-default`: `#035C67` - `--leaf-color-header-menu-inverse-content-default`: `#FFFFFF` - `--leaf-color-header-menu-content-hover`: `#00363D` - `--leaf-color-header-menu-inverse-content-hover`: `#FFFFFF` - `--leaf-color-header-menu-content-pressed`: `#00171A` - `--leaf-color-header-menu-inverse-content-pressed`: `#FFFFFF` - `--leaf-color-header-menu-content-active`: `#00171A` - `--leaf-color-header-menu-inverse-content-active`: `#FFFFFF` - `--leaf-color-header-menu-content-selected`: `#00363D` - `--leaf-color-header-menu-inverse-content-selected`: `#FFFFFF` - `--leaf-color-header-menu-content-focus`: `#035C67` - `--leaf-color-header-menu-inverse-content-focus`: `#FFFFFF` - `--leaf-color-header-menu-border-default`: `#505050` - `--leaf-color-header-menu-inverse-border-default`: `#505050` - `--leaf-color-header-menu-border-pressed`: `#035C67` - `--leaf-color-header-menu-inverse-border-pressed`: `#FFFFFF` - `--leaf-color-header-menu-border-active`: `#035C67` - `--leaf-color-header-menu-inverse-border-active`: `#FFFFFF` - `--leaf-color-header-menu-border-selected`: `#00363D` - `--leaf-color-header-menu-inverse-border-selected`: `#F6F5F3` - `--leaf-color-header-menu-border-focus`: `#00363D` - `--leaf-color-header-menu-inverse-border-focus`: `#FFFFFF` - `--leaf-color-header-menu-border-hover`: `#00363D` - `--leaf-color-header-menu-inverse-border-hover`: `#FFFFFF` - `--leaf-color-header-submenu-bg-default`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-bg-default`: `#035C67` - `--leaf-color-header-submenu-bg-hover`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-bg-hover`: `#00363D` - `--leaf-color-header-submenu-bg-pressed`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-bg-pressed`: `#00171A` - `--leaf-color-header-submenu-bg-active`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-bg-active`: `#00171A` - `--leaf-color-header-submenu-bg-focus`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-bg-focus`: `#035C67` - `--leaf-color-header-submenu-bg-selected`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-bg-selected`: `#00363D` - `--leaf-color-header-submenu-content-default`: `#035C67` - `--leaf-color-header-submenu-inverse-content-default`: `#FFFFFF` - `--leaf-color-header-submenu-content-hover`: `#00363D` - `--leaf-color-header-submenu-inverse-content-hover`: `#FFFFFF` - `--leaf-color-header-submenu-content-pressed`: `#00171A` - `--leaf-color-header-submenu-inverse-content-pressed`: `#FFFFFF` - `--leaf-color-header-submenu-content-active`: `#00171A` - `--leaf-color-header-submenu-inverse-content-active`: `#FFFFFF` - `--leaf-color-header-submenu-content-focus`: `#00363D` - `--leaf-color-header-submenu-inverse-content-focus`: `#FFFFFF` - `--leaf-color-header-submenu-content-selected`: `#035C67` - `--leaf-color-header-submenu-inverse-content-selected`: `#FFFFFF` - `--leaf-color-header-submenu-border-default`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-border-default`: `#035C67` - `--leaf-color-header-submenu-border-hover`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-border-hover`: `#00363D` - `--leaf-color-header-submenu-border-focus`: `#035C67` - `--leaf-color-header-submenu-inverse-border-focus`: `#FFFFFF` - `--leaf-color-header-submenu-border-active`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-border-active`: `#00171A` - `--leaf-color-header-submenu-border-pressed`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-border-pressed`: `#00171A` - `--leaf-color-header-submenu-border-selected`: `#00363D` - `--leaf-color-header-submenu-inverse-border-selected`: `#F6F5F3` - `--leaf-color-footer-bg-default`: `#F6F5F3` - `--leaf-color-footer-bg-inverse-default`: `#035C67` - `--leaf-color-footer-bg-secondary`: `#FFFFFF` - `--leaf-color-footer-bg-inverse-secondary`: `#00363D` - `--leaf-color-footer-content-default`: `#FFFFFF` - `--leaf-color-footer-content-secondary`: `#2D2D2D` - `--leaf-color-footer-link-default`: `#035C67` - `--leaf-color-footer-link-hover`: `#00171A` - `--leaf-color-footer-inverse-bg-default`: `#035C67` - `--leaf-color-footer-inverse-bg-secondary`: `#00363D` - `--leaf-color-button-primary-danger-bg`: `#D02525` - `--leaf-color-button-primary-danger-inverse-bg`: `#F88181` - `--leaf-color-button-primary-danger-bg-hover`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-bg-hover`: `#F5A8A8` - `--leaf-color-button-primary-danger-bg-focus`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-bg-focus`: `#F5A8A8` - `--leaf-color-button-primary-danger-bg-active`: `#7A0000` - `--leaf-color-button-primary-danger-inverse-bg-active`: `#FCCACA` - `--leaf-color-button-primary-danger-bg-disabled`: `#EAEAEA` - `--leaf-color-button-primary-danger-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-primary-danger-content`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-hover`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-hover`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-focus`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-focus`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-active`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-active`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-disabled`: `#949494` - `--leaf-color-button-primary-danger-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-primary-danger-border`: `#D02525` - `--leaf-color-button-primary-danger-inverse-border`: `#F88181` - `--leaf-color-button-primary-danger-border-hover`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-border-hover`: `#F5A8A8` - `--leaf-color-button-primary-danger-border-focus`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-border-focus`: `#F5A8A8` - `--leaf-color-button-primary-danger-border-active`: `#7A0000` - `--leaf-color-button-primary-danger-inverse-border-active`: `#FCCACA` - `--leaf-color-button-primary-danger-border-disabled`: `#EAEAEA` - `--leaf-color-button-primary-danger-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-primary-danger-outline`: `#00171A` - `--leaf-color-button-primary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-primary-danger-bg-default`: `#D02525` - `--leaf-color-button-primary-danger-inverse-bg-default`: `#F88181` - `--leaf-color-button-primary-danger-content-default`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-default`: `#2D2D2D` - `--leaf-color-button-primary-danger-border-default`: `#D02525` - `--leaf-color-button-primary-danger-inverse-border-default`: `#F88181` - `--leaf-color-button-primary-danger-outline-default`: `#00171A` - `--leaf-color-button-primary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-primary-bg`: `#035C67` - `--leaf-color-button-primary-inverse-bg`: `#3EFFC0` - `--leaf-color-button-primary-bg-hover`: `#00363D` - `--leaf-color-button-primary-inverse-bg-hover`: `#12F3A9` - `--leaf-color-button-primary-bg-focus`: `#00363D` - `--leaf-color-button-primary-inverse-bg-focus`: `#12F3A9` - `--leaf-color-button-primary-bg-active`: `#00171A` - `--leaf-color-button-primary-inverse-bg-active`: `#00D18D` - `--leaf-color-button-primary-bg-disabled`: `#EAEAEA` - `--leaf-color-button-primary-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-primary-content`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content`: `#00363D` - `--leaf-color-button-primary-content-hover`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-hover`: `#00363D` - `--leaf-color-button-primary-content-focus`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-focus`: `#00363D` - `--leaf-color-button-primary-content-active`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-active`: `#00363D` - `--leaf-color-button-primary-content-disabled`: `#949494` - `--leaf-color-button-primary-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-primary-border`: `#035C67` - `--leaf-color-button-primary-inverse-border`: `#3EFFC0` - `--leaf-color-button-primary-border-hover`: `#00363D` - `--leaf-color-button-primary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-primary-border-focus`: `#00363D` - `--leaf-color-button-primary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-primary-border-active`: `#00171A` - `--leaf-color-button-primary-inverse-border-active`: `#00D18D` - `--leaf-color-button-primary-border-disabled`: `#EAEAEA` - `--leaf-color-button-primary-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-primary-outline`: `#00171A` - `--leaf-color-button-primary-inverse-outline`: `#3EFFC0` - `--leaf-color-button-primary-bg-default`: `#035C67` - `--leaf-color-button-primary-inverse-bg-default`: `#3EFFC0` - `--leaf-color-button-primary-content-default`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-default`: `#00363D` - `--leaf-color-button-primary-border-default`: `#035C67` - `--leaf-color-button-primary-inverse-border-default`: `#3EFFC0` - `--leaf-color-button-primary-outline-default`: `#00171A` - `--leaf-color-button-primary-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-neutral-bg`: `#505050` - `--leaf-color-button-secondary-neutral-inverse-bg`: `#505050` - `--leaf-color-button-secondary-neutral-content`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-hover`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-hover`: `#333333` - `--leaf-color-button-secondary-neutral-bg-focus`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-focus`: `#333333` - `--leaf-color-button-secondary-neutral-content-hover`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-hover`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-content-focus`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-focus`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-hover`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-hover`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-focus`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-focus`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-active`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-active`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-active`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-active`: `#333333` - `--leaf-color-button-secondary-neutral-content-active`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-active`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-neutral-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-secondary-neutral-border-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-neutral-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-neutral-content-disabled`: `#949494` - `--leaf-color-button-secondary-neutral-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-secondary-neutral-outline`: `#00140E` - `--leaf-color-button-secondary-neutral-inverse-outline`: `#3EFFC0` - `--leaf-color-button-secondary-neutral-bg-default`: `#505050` - `--leaf-color-button-secondary-neutral-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-neutral-content-default`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-default`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-default`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-default`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-outline-default`: `#00140E` - `--leaf-color-button-secondary-neutral-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-danger-bg`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg`: `#505050` - `--leaf-color-button-secondary-danger-bg-hover`: `#FFEBEB` - `--leaf-color-button-secondary-danger-inverse-bg-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-bg-focus`: `#FFEBEB` - `--leaf-color-button-secondary-danger-inverse-bg-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-bg-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-inverse-bg-active`: `#330000` - `--leaf-color-button-secondary-danger-bg-disabled`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg-disabled`: `#505050` - `--leaf-color-button-secondary-danger-content`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-content`: `#F5A8A8` - `--leaf-color-button-secondary-danger-content-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-content-hover`: `#F88181` - `--leaf-color-button-secondary-danger-content-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-content-focus`: `#F88181` - `--leaf-color-button-secondary-danger-content-active`: `#330000` - `--leaf-color-button-secondary-danger-inverse-content-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-content-disabled`: `#949494` - `--leaf-color-button-secondary-danger-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-secondary-danger-border`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-border`: `#F5A8A8` - `--leaf-color-button-secondary-danger-border-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-border-hover`: `#F88181` - `--leaf-color-button-secondary-danger-border-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-border-focus`: `#F88181` - `--leaf-color-button-secondary-danger-border-active`: `#330000` - `--leaf-color-button-secondary-danger-inverse-border-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-border-disabled`: `#949494` - `--leaf-color-button-secondary-danger-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-danger-outline`: `#00171A` - `--leaf-color-button-secondary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-secondary-danger-bg-default`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-danger-content-default`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-content-default`: `#F5A8A8` - `--leaf-color-button-secondary-danger-border-default`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-border-default`: `#F5A8A8` - `--leaf-color-button-secondary-danger-outline-default`: `#00171A` - `--leaf-color-button-secondary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-bg`: `#505050` - `--leaf-color-button-secondary-inverse-bg`: `#505050` - `--leaf-color-button-secondary-bg-hover`: `#EAF4F6` - `--leaf-color-button-secondary-inverse-bg-hover`: `#003826` - `--leaf-color-button-secondary-bg-focus`: `#EAF4F6` - `--leaf-color-button-secondary-inverse-bg-focus`: `#003826` - `--leaf-color-button-secondary-bg-active`: `#CCE7EA` - `--leaf-color-button-secondary-inverse-bg-active`: `#00171A` - `--leaf-color-button-secondary-bg-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-inverse-bg-disabled`: `#505050` - `--leaf-color-button-secondary-content`: `#035C67` - `--leaf-color-button-secondary-inverse-content`: `#3EFFC0` - `--leaf-color-button-secondary-content-hover`: `#00363D` - `--leaf-color-button-secondary-inverse-content-hover`: `#12F3A9` - `--leaf-color-button-secondary-content-focus`: `#00363D` - `--leaf-color-button-secondary-inverse-content-focus`: `#12F3A9` - `--leaf-color-button-secondary-content-active`: `#00171A` - `--leaf-color-button-secondary-inverse-content-active`: `#00D18D` - `--leaf-color-button-secondary-content-disabled`: `#949494` - `--leaf-color-button-secondary-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-secondary-border`: `#035C67` - `--leaf-color-button-secondary-inverse-border`: `#3EFFC0` - `--leaf-color-button-secondary-border-hover`: `#00363D` - `--leaf-color-button-secondary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-secondary-border-focus`: `#00363D` - `--leaf-color-button-secondary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-secondary-border-active`: `#00171A` - `--leaf-color-button-secondary-inverse-border-active`: `#00D18D` - `--leaf-color-button-secondary-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-outline`: `#00171A` - `--leaf-color-button-secondary-inverse-outline`: `#12F3A9` - `--leaf-color-button-secondary-bg-default`: `#505050` - `--leaf-color-button-secondary-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-content-default`: `#035C67` - `--leaf-color-button-secondary-inverse-content-default`: `#3EFFC0` - `--leaf-color-button-secondary-border-default`: `#035C67` - `--leaf-color-button-secondary-inverse-border-default`: `#3EFFC0` - `--leaf-color-button-secondary-outline-default`: `#00171A` - `--leaf-color-button-secondary-inverse-outline-default`: `#12F3A9` - `--leaf-color-button-tertiary-neutral-bg`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-neutral-content`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border`: `#505050` - `--leaf-color-button-tertiary-neutral-bg-hover`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-neutral-bg-focus`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-neutral-content-hover`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-hover`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-content-focus`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-focus`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-hover`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-hover`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-focus`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-focus`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-active`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-active`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-bg-active`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-active`: `#505050` - `--leaf-color-button-tertiary-neutral-content-active`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-active`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-border-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-content-disabled`: `#949494` - `--leaf-color-button-tertiary-neutral-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-tertiary-neutral-outline`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-outline`: `#3EFFC0` - `--leaf-color-button-tertiary-neutral-bg-default`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-neutral-content-default`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-default`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-default`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-neutral-outline-default`: `#00140E` - `--leaf-color-button-tertiary-neutral-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-tertiary-danger-bg`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-danger-bg-hover`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-danger-bg-focus`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-danger-bg-active`: `#FCCACA` - `--leaf-color-button-tertiary-danger-inverse-bg-active`: `#330000` - `--leaf-color-button-tertiary-danger-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-content`: `#AA1313` - `--leaf-color-button-tertiary-danger-inverse-content`: `#F5A8A8` - `--leaf-color-button-tertiary-danger-content-hover`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-content-hover`: `#F88181` - `--leaf-color-button-tertiary-danger-content-focus`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-content-focus`: `#F88181` - `--leaf-color-button-tertiary-danger-content-active`: `#330000` - `--leaf-color-button-tertiary-danger-inverse-content-active`: `#FF5C5C` - `--leaf-color-button-tertiary-danger-content-disabled`: `#949494` - `--leaf-color-button-tertiary-danger-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-tertiary-danger-border`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border`: `#505050` - `--leaf-color-button-tertiary-danger-border-hover`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-border-hover`: `#F88181` - `--leaf-color-button-tertiary-danger-border-active`: `#330000` - `--leaf-color-button-tertiary-danger-inverse-border-active`: `#FF5C5C` - `--leaf-color-button-tertiary-danger-border-focus`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-border-focus`: `#F88181` - `--leaf-color-button-tertiary-danger-border-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-outline`: `#00171A` - `--leaf-color-button-tertiary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-tertiary-danger-bg-default`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-danger-content-default`: `#AA1313` - `--leaf-color-button-tertiary-danger-inverse-content-default`: `#F5A8A8` - `--leaf-color-button-tertiary-danger-border-default`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-danger-outline-default`: `#00171A` - `--leaf-color-button-tertiary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-tertiary-bg`: `#505050` - `--leaf-color-button-tertiary-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-bg-hover`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-bg-focus`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-bg-active`: `#CCE7EA` - `--leaf-color-button-tertiary-inverse-bg-active`: `#011C1F` - `--leaf-color-button-tertiary-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-content`: `#035C67` - `--leaf-color-button-tertiary-inverse-content`: `#3EFFC0` - `--leaf-color-button-tertiary-content-hover`: `#00363D` - `--leaf-color-button-tertiary-inverse-content-hover`: `#12F3A9` - `--leaf-color-button-tertiary-content-focus`: `#00363D` - `--leaf-color-button-tertiary-inverse-content-focus`: `#12F3A9` - `--leaf-color-button-tertiary-content-active`: `#00171A` - `--leaf-color-button-tertiary-inverse-content-active`: `#00D18D` - `--leaf-color-button-tertiary-content-disabled`: `#949494` - `--leaf-color-button-tertiary-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-tertiary-border`: `#505050` - `--leaf-color-button-tertiary-inverse-border`: `#505050` - `--leaf-color-button-tertiary-border-hover`: `#00363D` - `--leaf-color-button-tertiary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-tertiary-border-focus`: `#00363D` - `--leaf-color-button-tertiary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-tertiary-border-active`: `#00171A` - `--leaf-color-button-tertiary-inverse-border-active`: `#00D18D` - `--leaf-color-button-tertiary-border-disabled`: `#505050` - `--leaf-color-button-tertiary-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-outline`: `#00171A` - `--leaf-color-button-tertiary-inverse-outline`: `#12F3A9` - `--leaf-color-button-tertiary-bg-default`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-content-default`: `#035C67` - `--leaf-color-button-tertiary-inverse-content-default`: `#3EFFC0` - `--leaf-color-button-tertiary-border-default`: `#505050` - `--leaf-color-button-tertiary-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-outline-default`: `#00171A` - `--leaf-color-button-tertiary-inverse-outline-default`: `#12F3A9` - `--leaf-color-bg-accent-subtle`: `#EDEBE7` - `--leaf-color-bg-accent-brand`: `#3EFFC0` - `--leaf-color-bg-accent-brand-strong`: `#008F83` - `--leaf-color-bg-accent-brand-xstrong`: `#035C67` - `--leaf-color-bg-accent-brand-subtle`: `#A3C5FF` - `--leaf-color-bg-blur-default`: `#FFFFFF` - `--leaf-color-bg-blur-subtle`: `#FFFFFF` - `--leaf-color-bg-default`: `#FFFFFF` - `--leaf-color-bg-default-hover`: `#EAF4F6` - `--leaf-color-bg-default-active`: `#CCE7EA` - `--leaf-color-bg-subtle`: `#F6F5F3` - `--leaf-color-bg-moderate`: `#818181` - `--leaf-color-bg-inverse-moderate`: `#ABABAB` - `--leaf-color-bg-strong`: `#2D2D2D` - `--leaf-color-bg-disabled`: `#EAEAEA` - `--leaf-color-bg-brand`: `#EAF4F6` - `--leaf-color-bg-brand-hover`: `#CCE7EA` - `--leaf-color-bg-brand-active`: `#79DBE7` - `--leaf-color-bg-brand-strong`: `#035C67` - `--leaf-color-bg-brand-strong-hover`: `#00363D` - `--leaf-color-bg-brand-strong-active`: `#00171A` - `--leaf-color-bg-brand-xstrong`: `#00363D` - `--leaf-color-bg-brand-xstrong-hover`: `#00171A` - `--leaf-color-bg-brand-xstrong-active`: `#00171A` - `--leaf-color-bg-success`: `#D6FFF2` - `--leaf-color-bg-success-strong`: `#006041` - `--leaf-color-bg-error`: `#FFEBEB` - `--leaf-color-bg-error-strong`: `#AA1313` - `--leaf-color-bg-warning`: `#FCF5E5` - `--leaf-color-bg-warning-strong`: `#F4C465` - `--leaf-color-bg-info`: `#EBF2FF` - `--leaf-color-bg-info-strong`: `#0048C2` - `--leaf-color-bg-attention`: `#EAF4F6` - `--leaf-color-bg-attention-strong`: `#035C67` - `--leaf-color-bg-opacity-transparent`: `#505050` - `--leaf-color-bg-opacity-default`: `#333333` - `--leaf-color-bg-opacity-sheet`: `#EAF4F6` - `--leaf-color-bg-active`: `#2D2D2D` - `--leaf-color-bg-inverse-active`: `#FFFFFF` - `--leaf-color-bg-hover`: `#EAF4F6` - `--leaf-color-bg-pressed`: `#CCE7EA` - `--leaf-color-bg-notification`: `#EAF4F6` - `--leaf-color-bg-notification-strong`: `#035C67` - `--leaf-color-bg-focus-strong`: `#2D2D2D` - `--leaf-color-bg-inverse-focus-strong`: `#FFFFFF` - `--leaf-color-content-accent-subtle`: `#EDEBE7` - `--leaf-color-content-accent-brand`: `#3EFFC0` - `--leaf-color-content-accent-brand-icon`: `#DAFA87` - `--leaf-color-content-accent-brand-strong`: `#008F83` - `--leaf-color-content-accent-brand-strong-icon`: `#F88181` - `--leaf-color-content-accent-brand-xstrong`: `#008F83` - `--leaf-color-content-accent-brand-subtle`: `#A3C5FF` - `--leaf-color-content-default`: `#2D2D2D` - `--leaf-color-content-subtle`: `#6C6C6C` - `--leaf-color-content-disabled`: `#949494` - `--leaf-color-content-knockout`: `#FFFFFF` - `--leaf-color-content-brand`: `#035C67` - `--leaf-color-content-brand-strong`: `#035C67` - `--leaf-color-content-brand-knockout`: `#D6FFF2` - `--leaf-color-content-success`: `#0E7C5A` - `--leaf-color-content-inverse-success`: `#B3D6D1` - `--leaf-color-content-success-icon`: `#0E7C5A` - `--leaf-color-content-inverse-success-icon`: `#B3D6D1` - `--leaf-color-content-error`: `#D02525` - `--leaf-color-content-inverse-error`: `#FCCACA` - `--leaf-color-content-error-icon`: `#D02525` - `--leaf-color-content-inverse-error-icon`: `#FCCACA` - `--leaf-color-content-warning-icon`: `#2D2D2D` - `--leaf-color-content-inverse-warning-icon`: `#FFFFFF` - `--leaf-color-content-info`: `#1963E1` - `--leaf-color-content-inverse-info`: `#A3C5FF` - `--leaf-color-content-info-icon`: `#1963E1` - `--leaf-color-content-inverse-info-icon`: `#A3C5FF` - `--leaf-color-content-notification`: `#0F7885` - `--leaf-color-content-inverse-notification`: `#3EFFC0` - `--leaf-color-content-attention-icon`: `#0F7885` - `--leaf-color-content-inverse-notification-icon`: `#3EFFC0` - `--leaf-color-content-link`: `#035C67` - `--leaf-color-content-inverse-link`: `#3EFFC0` - `--leaf-color-content-link-hover`: `#00363D` - `--leaf-color-content-inverse-link-hover`: `#12F3A9` - `--leaf-color-content-link-focus`: `#FFFFFF` - `--leaf-color-content-inverse-link-focus`: `#2D2D2D` - `--leaf-color-content-link-visited`: `#7522D9` - `--leaf-color-content-inverse-link-visited`: `#ECC8E4` - `--leaf-color-content-link-disabled`: `#949494` - `--leaf-color-content-inverse-link-disabled`: `#EAEAEA` - `--leaf-color-content-link-active`: `#00171A` - `--leaf-color-content-inverse-link-active`: `#00D18D` - `--leaf-color-content-inverse-default`: `#FFFFFF` - `--leaf-color-content-notification-icon`: `#0F7885` - `--leaf-color-border-blur-default`: `#D5D5D5` - `--leaf-color-border-ai-start`: `#0CEDDB` - `--leaf-color-border-ai-middle`: `#011C1F` - `--leaf-color-border-ai-end`: `#008F83` - `--leaf-color-border-ai-recommendation-start`: `#A3C5FF` - `--leaf-color-border-ai-recommendation-middle`: `#3EFFC0` - `--leaf-color-border-ai-recommendation-end`: `#DAFA87` - `--leaf-color-border-default`: `#D5D5D5` - `--leaf-color-border-strong`: `#6C6C6C` - `--leaf-color-border-knockout`: `#FFFFFF` - `--leaf-color-border-disabled`: `#ABABAB` - `--leaf-color-border-brand`: `#035C67` - `--leaf-color-border-brand-subtle`: `#3EFFC0` - `--leaf-color-border-brand-strong`: `#035C67` - `--leaf-color-border-success`: `#006041` - `--leaf-color-border-error`: `#AA1313` - `--leaf-color-border-warning`: `#B3700D` - `--leaf-color-border-info`: `#0048C2` - `--leaf-color-border-attention`: `#035C67` - `--leaf-color-border-transparent`: `#505050` - `--leaf-color-border-active-outline`: `#00363D` - `--leaf-color-border-inverse-active-outline`: `#3EFFC0` - `--leaf-color-border-inverse-default`: `#FFFFFF` - `--leaf-color-border-inverse-error`: `#FCCACA` - `--leaf-color-border-notification`: `#035C67` - `--leaf-color-link-bg-active`: `#333333` - `--leaf-color-dataviz-focus-highlight`: `#035C67` - `--leaf-color-dataviz-focus-strong`: `#008F83` - `--leaf-color-dataviz-focus-inverse-highlight`: `#3EFFC0` - `--leaf-color-dataviz-focus-inverse-strong`: `#008F83` - `--leaf-color-dataviz-monochromatic-favorable-darkest`: `#003826` - `--leaf-color-dataviz-monochromatic-favorable-inverse-darkest`: `#006041` - `--leaf-color-dataviz-monochromatic-favorable-inverse-darker`: `#0E7C5A` - `--leaf-color-dataviz-monochromatic-favorable-inverse-light`: `#00D18D` - `--leaf-color-dataviz-monochromatic-favorable-inverse-lighter`: `#3EFFC0` - `--leaf-color-dataviz-monochromatic-favorable-inverse-lightest`: `#D6FFF2` - `--leaf-color-dataviz-monochromatic-favorable-darker`: `#006041` - `--leaf-color-dataviz-monochromatic-favorable-light`: `#08A070` - `--leaf-color-dataviz-monochromatic-favorable-lighter`: `#12F3A9` - `--leaf-color-dataviz-monochromatic-favorable-lightest`: `#94F9D8` - `--leaf-color-dataviz-monochromatic-unfavorable-darkest`: `#7A0000` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-darkest`: `#AA1313` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-darker`: `#D02525` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-light`: `#FF5C5C` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-lighter`: `#F5A8A8` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-lightest`: `#FFEBEB` - `--leaf-color-dataviz-monochromatic-unfavorable-darker`: `#AA1313` - `--leaf-color-dataviz-monochromatic-unfavorable-light`: `#E93A3A` - `--leaf-color-dataviz-monochromatic-unfavorable-lighter`: `#F88181` - `--leaf-color-dataviz-monochromatic-unfavorable-lightest`: `#FCCACA` - `--leaf-color-dataviz-monochromatic-alternative01-darkest`: `#253300` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-darkest`: `#3B5200` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-darker`: `#4F6A0C` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-light`: `#7DAD00` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-lighter`: `#AEE61E` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-lightest`: `#EDFFBD` - `--leaf-color-dataviz-monochromatic-alternative01-darker`: `#3B5200` - `--leaf-color-dataviz-monochromatic-alternative01-light`: `#648807` - `--leaf-color-dataviz-monochromatic-alternative01-lighter`: `#96CB0B` - `--leaf-color-dataviz-monochromatic-alternative01-lightest`: `#DAFA87` - `--leaf-color-dataviz-monochromatic-alternative02-darkest`: `#002970` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-darkest`: `#0048C2` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-darker`: `#1963E1` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-light`: `#5292FF` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-lighter`: `#A3C5FF` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-lightest`: `#EBF2FF` - `--leaf-color-dataviz-monochromatic-alternative02-darker`: `#0048C2` - `--leaf-color-dataviz-monochromatic-alternative02-light`: `#2F78F4` - `--leaf-color-dataviz-monochromatic-alternative02-lighter`: `#7CAAF8` - `--leaf-color-dataviz-monochromatic-alternative02-lightest`: `#CADCFC` - `--leaf-color-dataviz-monochromatic-neutral-darkest`: `#2D2D2D` - `--leaf-color-dataviz-monochromatic-neutral-inverse-darkest`: `#575757` - `--leaf-color-dataviz-monochromatic-neutral-inverse-darker`: `#818181` - `--leaf-color-dataviz-monochromatic-neutral-inverse-light`: `#ABABAB` - `--leaf-color-dataviz-monochromatic-neutral-inverse-lighter`: `#C6C6C6` - `--leaf-color-dataviz-monochromatic-neutral-inverse-lightest`: `#F1F1F1` - `--leaf-color-dataviz-monochromatic-neutral-darker`: `#575757` - `--leaf-color-dataviz-monochromatic-neutral-light`: `#818181` - `--leaf-color-dataviz-monochromatic-neutral-lighter`: `#ABABAB` - `--leaf-color-dataviz-monochromatic-neutral-lightest`: `#C6C6C6` - `--leaf-color-dataviz-divergent-favorable-darkest`: `#003826` - `--leaf-color-dataviz-divergent-favorable-darker`: `#006041` - `--leaf-color-dataviz-divergent-favorable-light`: `#08A070` - `--leaf-color-dataviz-divergent-favorable-lighter`: `#12F3A9` - `--leaf-color-dataviz-divergent-favorable-lightest`: `#94F9D8` - `--leaf-color-dataviz-divergent-favorable-inverse-lightest`: `#94F9D8` - `--leaf-color-dataviz-divergent-favorable-inverse-lighter`: `#3EFFC0` - `--leaf-color-dataviz-divergent-favorable-inverse-light`: `#00D18D` - `--leaf-color-dataviz-divergent-favorable-inverse-darker`: `#0E7C5A` - `--leaf-color-dataviz-divergent-favorable-inverse-darkest`: `#006041` - `--leaf-color-dataviz-divergent-unfavorable-darkest`: `#7A0000` - `--leaf-color-dataviz-divergent-unfavorable-darker`: `#AA1313` - `--leaf-color-dataviz-divergent-unfavorable-light`: `#E93A3A` - `--leaf-color-dataviz-divergent-unfavorable-lighter`: `#F88181` - `--leaf-color-dataviz-divergent-unfavorable-lightest`: `#FCCACA` - `--leaf-color-dataviz-divergent-unfavorable-inverse-lightest`: `#FCCACA` - `--leaf-color-dataviz-divergent-unfavorable-inverse-lighter`: `#F5A8A8` - `--leaf-color-dataviz-divergent-unfavorable-inverse-light`: `#FF5C5C` - `--leaf-color-dataviz-divergent-unfavorable-inverse-darker`: `#D02525` - `--leaf-color-dataviz-divergent-unfavorable-inverse-darkest`: `#AA1313` - `--color--bright-blue`: `#002855` - `--color--rich-gold`: `#C99700` - `--color--light-green-bg`: `#F1F6F3` - `--color--soft-gray`: `#959595` - `--color--lightest-gray`: `#F7F7F7` - `--color--table-green`: `#D2E9DD` - `--color--table-gray__dark`: `#E9E9E9` - `--color--table-gray__light`: `#EFEFEF` - `--color--sky-blue`: `#90B9FF` - `--color--soft-coral`: `#E88789` - `--color--primary`: `#035C67` - `--color--secondary`: `#3EFFC0` - `--color--tertiary`: `#CBE6EA` - `--color--quaternary`: `#002F32` - `--color--accent--green`: `#008F83` - `--color--gray--primary`: `#EDEBE7` ### Typefaces - Inter (`--leaf-font-families-inter`) — on Google Fonts - GT Walsheim Pro Bold - GT Walsheim Pro Regular - GT Walsheim Pro Medium - GT Walsheim Pro - GT Walsheim Pro Light - en - en' !important ### Type scale (most-used sizes) `3rem` · `2.5rem` · `2rem` · `1.75rem` · `1.5rem` · `1.25rem` · `1.125rem` · `1rem` · `16px` · `.875rem` · `14px` · `12px` ### Letter-spacing `1px` (45) · `.125em` (2) ### Corner radii (most-used) `30px` · `10px` · `50%` · `5px` · `7px` · `100px` · `2px` · `8px` · `1.75rem` · `20px` ### Shadows - `0 8px 30px rgba(0,0,0,.07)` - `0 0 28px -20px #000` - `0 0 5px #666666` - `0 0 3px 1px rgb(94,158,214)` - `0 0 27px rgba(0,0,0,.07)` - `inset 1px 1px 1px #ccc` ### Gradients - `linear-gradient(#e7e7df,#f0f0f0)` - `linear-gradient(top,rgb(0,0,0,0),rgb(0,0,0,0.15))` - `linear-gradient(left top,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)` - `linear-gradient(to bottom,rgb(0,0,0,0),rgb(0,0,0,0.15))` - `linear-gradient(to right bottom,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)` ### Breakpoints 480px · 481px · 600px · 767px · 768px · 979px · 980px · 981px · 1140px · 1279px · 1280px · 1281px · 1600px