You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
944 B
38 lines
944 B
:root {
|
|
/* Primary: Hello Spring */
|
|
--primary-100: #F2FFF7;
|
|
--primary-200: #C8FEDA;
|
|
--primary-300: #9CFBB5;
|
|
--primary-400: #6EF189;
|
|
--primary-500: #40DE58;
|
|
--primary-600: #1FB02C;
|
|
--primary-700: #0F8213;
|
|
--primary-800: #0A5408;
|
|
--primary-900: #062603;
|
|
|
|
/* Accent: Méi Gūi Zǐ Purple */
|
|
--accent-100: #FFF2FA;
|
|
--accent-200: #FFC4EC;
|
|
--accent-300: #FC95E1;
|
|
--accent-400: #F565D7;
|
|
--accent-500: #E835CD;
|
|
--accent-600: #B815A9;
|
|
--accent-700: #870783;
|
|
--accent-800: #550357;
|
|
--accent-900: #230126;
|
|
|
|
/* Neutral */
|
|
--neutral-100: #FAFCFB;
|
|
--neutral-200: #EAEFEC;
|
|
--neutral-300: #DAE2DC;
|
|
--neutral-400: #CAD4CC;
|
|
--neutral-500: #BBC7BD;
|
|
--neutral-600: #949F95;
|
|
--neutral-700: #6D776E;
|
|
--neutral-800: #474E47;
|
|
--neutral-900: #232622;
|
|
|
|
--button-background: var(--primary-300);
|
|
--button-background-hover: var(--accent-300);
|
|
}
|