diff --git a/landing/global.css b/landing/global.css index c3156dc8f..8dbeda3d4 100644 --- a/landing/global.css +++ b/landing/global.css @@ -1,43 +1,71 @@ :root { --purple: #7e57c2; --white: #fff; --white1: #ebedee; --grey: #808080; --btn-bg: var(--purple); --unselected: var(--grey); --btn-color: var(--white1); --logo-color: var(--white); --sub-heading-color: var(--purple); --sans-serif: 'IBM Plex Sans', sans-serif; + --white-100: #ffffff; + --white-90: #f5f5f5; + --white-80: #ebebeb; + --white-70: #e0e0e0; + --white-60: #cccccc; + --black-100: #0a0a0a; + --black-90: #1f1f1f; + --black-80: #404040; + --black-70: #666666; + --black-60: #808080; + --violet-dark-100: #7e57c2; + --violet-dark-80: #6d49ab; + --violet-dark-60: #563894; + --violet-dark-40: #44297a; + --violet-dark-40: #331f5c; + --success-light-10: #d5f6e3; + --success-light-50: #6cdf9c; + --success-primary: #00c853; + --success-dark-50: #029841; + --success-dark-90: #034920; + --error-light-10: #feebe6; + --error-light-50: #f9947b; + --error-primary: #f53100; + --error-dark-50: #b62602; + --error-dark-90: #4f1203; + --page-background: #111111; + --light-dark-page-background: #1a1a1a; + --comparison-cards: #18181a; } /* ===== GENERAL PAGE STYLES ===== */ html, body, :global(div#react-root) { height: 100%; } p { font-size: clamp(0.75rem, 0.5408rem + 1.0458vw, 1.75rem); } a { transition: 0.2s; text-decoration: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { img { image-rendering: -webkit-optimize-contrast !important; } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { img { image-rendering: unset !important; } } }