1 | :root {
|
2 | --color-purple-text: rgb(80, 73, 90);
|
3 | --color-purple-darker: rgb(35, 0, 81);
|
4 | --color-purple-dark: rgb(80, 36, 143);
|
5 | --color-purple: rgb(156, 106, 222);
|
6 | --color-purple-light: rgb(227, 208, 255);
|
7 | --color-purple-lighter: rgb(246, 240, 253);
|
8 | --color-indigo-text: rgb(62, 65, 85);
|
9 | --color-indigo-darker: rgb(0, 6, 57);
|
10 | --color-indigo-dark: rgb(32, 46, 120);
|
11 | --color-indigo: rgb(92, 106, 196);
|
12 | --color-indigo-light: rgb(179, 188, 245);
|
13 | --color-indigo-lighter: rgb(244, 245, 250);
|
14 | --color-blue-text: rgb(62, 78, 87);
|
15 | --color-blue-darker: rgb(0, 20, 41);
|
16 | --color-blue-dark: rgb(8, 78, 138);
|
17 | --color-blue: rgb(0, 111, 187);
|
18 | --color-blue-light: rgb(180, 225, 250);
|
19 | --color-blue-lighter: rgb(235, 245, 250);
|
20 | --color-teal-text: rgb(64, 83, 82);
|
21 | --color-teal-darker: rgb(0, 49, 53);
|
22 | --color-teal-dark: rgb(0, 132, 142);
|
23 | --color-teal: rgb(71, 193, 191);
|
24 | --color-teal-light: rgb(183, 236, 236);
|
25 | --color-teal-lighter: rgb(224, 245, 245);
|
26 | --color-green-text: rgb(65, 79, 62);
|
27 | --color-green-darker: rgb(23, 54, 48);
|
28 | --color-green-dark: rgb(16, 128, 67);
|
29 | --color-green: rgb(80, 184, 60);
|
30 | --color-green-light: rgb(187, 229, 179);
|
31 | --color-green-lighter: rgb(227, 241, 223);
|
32 | --color-yellow-text: rgb(89, 81, 48);
|
33 | --color-yellow-darker: rgb(87, 59, 0);
|
34 | --color-yellow-dark: rgb(138, 97, 22);
|
35 | --color-yellow: rgb(238, 194, 0);
|
36 | --color-yellow-light: rgb(255, 234, 138);
|
37 | --color-yellow-lighter: rgb(252, 241, 205);
|
38 | --color-orange-text: rgb(89, 68, 48);
|
39 | --color-orange-darker: rgb(74, 21, 4);
|
40 | --color-orange-dark: rgb(192, 87, 23);
|
41 | --color-orange: rgb(244, 147, 66);
|
42 | --color-orange-light: rgb(255, 197, 139);
|
43 | --color-orange-lighter: rgb(252, 235, 219);
|
44 | --color-red-text: rgb(88, 60, 53);
|
45 | --color-red-darker: rgb(51, 1, 1);
|
46 | --color-red-dark: rgb(191, 7, 17);
|
47 | --color-red: rgb(222, 54, 24);
|
48 | --color-red-light: rgb(254, 173, 154);
|
49 | --color-red-lighter: rgb(251, 234, 229);
|
50 | --color-ink: rgb(33, 43, 54);
|
51 | --color-ink-light: rgb(69, 79, 91);
|
52 | --color-ink-lighter: rgb(99, 115, 129);
|
53 | --color-ink-lightest: rgb(145, 158, 171);
|
54 | --color-sky-dark: rgb(196, 205, 213);
|
55 | --color-sky: rgb(223, 227, 232);
|
56 | --color-sky-light: rgb(244, 246, 248);
|
57 | --color-sky-lighter: rgb(249, 250, 251);
|
58 | --color-black: rgb(0, 0, 0);
|
59 | --color-white: rgb(255, 255, 255);
|
60 | --duration-none: 0;
|
61 | --duration-fast: 100ms;
|
62 | --duration-base: 200ms;
|
63 | --duration-slow: 300ms;
|
64 | --duration-slower: 400ms;
|
65 | --duration-slowest: 500ms;
|
66 | --spacing-none: 0;
|
67 | --spacing-extra-tight: 4px;
|
68 | --spacing-tight: 8px;
|
69 | --spacing-base-tight: 12px;
|
70 | --spacing-base: 16px;
|
71 | --spacing-loose: 20px;
|
72 | --spacing-extra-loose: 32px;
|
73 | --font-stack-base: -apple-system, BlinkMacSystemFont, 'San Francisco', Roboto,
|
74 | 'Segoe UI', 'Helvetica Neue', sans-serif;
|
75 | --font-stack-monospace: Monaco, Consolas, 'Lucida Console', monospace;
|
76 | }
|