diff --git a/src/styles/root.css b/src/styles/root.css new file mode 100644 index 0000000..7a0e381 --- /dev/null +++ b/src/styles/root.css @@ -0,0 +1,41 @@ +:root { + /*? Default */ + --background-color: #0a0a0a; + --text-color: #eaeaea; + + /* Colors */ + --black-0: #0a0a0a; + --black-1: #161616; + --black-2: #1d1c1c; + --black-3: #232323; + --black-4: #2c2c2c; + --black-5: #363636; + --black-6: #454444; + + --white-0: #eaeaea; + --white-1: #acacac; + + /* Typography Sizes */ + --text-xsmall: 8pt; + --text-small: 10pt; + --text-regular: 12pt; + --text-large: 14pt; + --text-xlarge: 18pt; + --text-xxlarge: 20pt; + + /* Button Sizes */ + --button-small: 32px; + --button-regular: 48px; + + /* Margin and Padding Sizes */ + --mp-xxsmall: 4px; + --mp-small: 8px; + --mp-regular: 16px; + --mp-large: 32px; + --mp-xlarge: 64px; + + /* Cautionary */ + --warning-color: #e10617; + --caution-color: #fdaa15; + --info-color: #007588; +}