58 lines
1.5 KiB
CSS
58 lines
1.5 KiB
CSS
:root {
|
|
--default-font-color: #222;
|
|
|
|
--secondary: #55a4b4;
|
|
--secondary-light-01: #a4d2db;
|
|
--secondary-dark-01: #5294a1;
|
|
--secondary-dark-02: #3c7c88;
|
|
|
|
--alto-gray: #e0e0e0;
|
|
--dove-gray: #6f6e6e;
|
|
--faint-gray: #ededed;
|
|
|
|
--main: #6d4477;
|
|
|
|
--main-dark-01: #62386c;
|
|
--main-dark-02: #56335d;
|
|
--main-dark-03: #4a2a52;
|
|
--main-dark-04: #55335d;
|
|
|
|
--main-light-01: #744d7e;
|
|
--main-light-02: #8b7192;
|
|
--main-light-03: #a686af;
|
|
--main-bg-text: #fff;
|
|
|
|
--main-bg-text-secondary: hsl(286.4, 15.5%, 86.2%);
|
|
--main-dark-02-bg-secondary: #b5a2ba;
|
|
|
|
--wild-sand: #f6f6f6;
|
|
--london-hue: #beadc3;
|
|
|
|
--wild-sand-bg-text: #000;
|
|
|
|
--white-bg-text: #6f6e6e;
|
|
--white-bg-text-secondary: #000;
|
|
--white-bg-text-gray: #565656;
|
|
--white-bg-link: #404f6e;
|
|
--white-on-darker-bg-text: #fff;
|
|
|
|
/*px / 24 = N rem*/
|
|
--container-width: 50rem;
|
|
|
|
/* Fonts */
|
|
--font-sans-serif: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont,
|
|
avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto,
|
|
helvetica, arial, sans-serif;
|
|
|
|
--font-slab-serif: "Zilla Slab", serif;
|
|
--font-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman,
|
|
Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji,
|
|
Segoe UI Symbol;
|
|
--font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
|
|
--font-industrial: Anton;
|
|
|
|
--font-headings: var(--font-sans-serif);
|
|
--font-short-text: var(--font-sans-serif);
|
|
--font-long-text: var(--font-serif);
|
|
}
|