emily-css 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +3 -2
  2. package/dist/emily.demo.css +0 -110
  3. package/dist/emily.demo.min.css +0 -1
  4. package/dist/emily.purged.css +0 -840
  5. package/dist/emily.purged.min.css +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "emily-css",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A config-driven utility CSS framework. Define your brand once, generate the CSS.",
5
5
  "main": "src/index.js",
6
6
  "bin": {
@@ -9,7 +9,8 @@
9
9
  "files": [
10
10
  "bin/",
11
11
  "src/",
12
- "dist/",
12
+ "dist/emily.css",
13
+ "dist/emily.min.css",
13
14
  "fonts/",
14
15
  "README.md",
15
16
  "LICENSE"
package/dist/emily.demo.css DELETED
@@ -1,110 +0,0 @@
1
- /* Display & Visibility */
2
- .block { display: block;}
3
- .flex { display: flex;}
4
- .grid { display: grid;}
5
- .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem;}
6
- .px-3 { padding-left: 0.75rem; padding-right: 0.75rem;}
7
- .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem;}
8
- .p-4 { padding: 1rem;}
9
- .px-4 { padding-left: 1rem; padding-right: 1rem;}
10
- .p-6 { padding: 1.5rem;}
11
- .px-6 { padding-left: 1.5rem; padding-right: 1.5rem;}
12
- .p-8 { padding: 2rem;}
13
- .p-12 { padding: 3rem;}
14
- .p-0\.5 { padding: 0.125rem;}
15
- .mb-2 { margin-bottom: 0.5rem;}
16
- .mb-3 { margin-bottom: 0.75rem;}
17
- .mb-4 { margin-bottom: 1rem;}
18
- .ml-4 { margin-left: 1rem;}
19
- .mb-6 { margin-bottom: 1.5rem;}
20
- .mb-8 { margin-bottom: 2rem;}
21
- .my-16 { margin-top: 4rem; margin-bottom: 4rem;}
22
- .mb-20 { margin-bottom: 5rem;}
23
- .mb-24 { margin-bottom: 6rem;}
24
- .m-1\.5 { margin: 0.375rem;}
25
- .mx-auto { margin-left: auto; margin-right: auto;}
26
- .flex-col { flex-direction: column;}
27
- .flex-1 { flex: 1 1 0%;}
28
- .items-center { align-items: center;}
29
- .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr));}
30
- .gap-4 { gap: 1rem;}
31
- .gap-6 { gap: 1.5rem;}
32
- .gap-8 { gap: 2rem;}
33
- .w-4 { width: 1rem;}
34
- .h-4 { height: 1rem;}
35
- .w-full { width: 100%;}
36
- .max-w-xs { max-width: 20rem;}
37
- .max-w-sm { max-width: 24rem;}
38
- .max-w-md { max-width: 28rem;}
39
- .max-w-2xl { max-width: 42rem;}
40
- /* Typography */
41
- .text-xs { font-size: var(--text-xs); line-height: 1.5;}
42
- .text-sm { font-size: var(--text-sm); line-height: 1.5;}
43
- .text-base { font-size: var(--text-base); line-height: 1.6;}
44
- .text-lg { font-size: var(--text-lg); line-height: 1.6;}
45
- .text-xl { font-size: var(--text-xl); line-height: 1.6;}
46
- .text-2xl { font-size: var(--text-2xl); line-height: 1.4;}
47
- .text-4xl { font-size: var(--text-4xl); line-height: 1.3;}
48
- .font-semibold { font-weight: 600;}
49
- .font-bold { font-weight: 700;}
50
- .text-center { text-align: center;}
51
- .border-0 { border-width: 0px;}
52
- .border-2 { border-width: 2px;}
53
- .border-l-4 { border-left-width: 4px;}
54
- .rounded { border-radius: 8px;}
55
- .rounded-sm { border-radius: 4px;}
56
- .rounded-md { border-radius: 12px;}
57
- .rounded-lg { border-radius: 16px;}
58
- /* Colours: Background, Text, Borders, Accents */
59
- .bg-primary-10 { background-color: #C0E9FF;}
60
- .bg-primary-20 { background-color: #9ADCFF;}
61
- .bg-primary-30 { background-color: #75CFFF;}
62
- .bg-primary-40 { background-color: #4FC1FF;}
63
- .bg-primary-50 { background-color: #29B4FF;}
64
- .bg-primary-60 { background-color: #04A7FF;}
65
- .bg-primary-70 { background-color: #0090DD;}
66
- .bg-primary-80 { background-color: #0077B6;}
67
- .bg-primary-90 { background-color: #004469;}
68
- .bg-primary-100 { background-color: #00111A;}
69
- .text-primary-80 { color: #0077B6;}
70
- .text-primary-90 { color: #004469;}
71
- .border-primary-10 { border-color: #C0E9FF;}
72
- .border-primary-80 { border-color: #0077B6;}
73
- .accent-primary-80 { accent-color: #0077B6;}
74
- .bg-success-10 { background-color: #BAFEF1;}
75
- .text-success-70 { color: #02AA89;}
76
- .text-success-80 { color: #017F65;}
77
- .border-success-50 { border-color: #09FDCC;}
78
- .bg-warning-10 { background-color: #FFF2C9;}
79
- .text-warning-70 { color: #FFC821;}
80
- .text-warning-80 { color: #FFC107;}
81
- .border-warning-50 { border-color: #FFD659;}
82
- .bg-error-10 { background-color: #FFBFBF;}
83
- .bg-error-80 { background-color: #B20000;}
84
- .text-error-70 { color: #D90000;}
85
- .text-error-80 { color: #B20000;}
86
- .border-error-50 { border-color: #FF2626;}
87
- .bg-neutral-10 { background-color: #DCDCDC;}
88
- .bg-neutral-20 { background-color: #C6C6C6;}
89
- .text-neutral-60 { color: #6C6C6C;}
90
- .text-neutral-70 { color: #565656;}
91
- .text-neutral-80 { color: #404040;}
92
- .text-neutral-90 { color: #262626;}
93
- .border-neutral-20 { border-color: #C6C6C6;}
94
- .bg-white { background-color: #ffffff;}
95
- .text-white { color: #ffffff;}
96
- .shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
97
- /* Forms */
98
- .appearance-none { appearance: none;}
99
- .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
100
- .duration-200 { transition-duration: 200ms;}
101
- .cursor-pointer { cursor: pointer;}
102
- .hover\:bg-primary-10:hover { background-color: #C0E9FF;}
103
- .hover\:bg-primary-90:hover { background-color: #004469;}
104
- .hover\:bg-error-90:hover { background-color: #660000;}
105
- .hover\:bg-neutral-20:hover { background-color: #C6C6C6;}
106
- .hover\:bg-neutral-30:hover { background-color: #AFAFAF;}
107
- .focus-visible\:border-primary-50:focus-visible { border-color: #29B4FF;}
108
- .focus-visible\:ring-2:focus-visible { box-shadow: 0 0 0 2px var(--ring-color, transparent);}
109
- .focus-visible\:ring-primary-50:focus-visible { --ring-color: var(--color-primary-50);}
110
- .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px;}
package/dist/emily.demo.min.css DELETED
@@ -1 +0,0 @@
1
- .block{ display: block;} .flex{ display: flex;} .grid{ display: grid;} .py-2{ padding-top: 0.5rem;padding-bottom: 0.5rem;} .px-3{ padding-left: 0.75rem;padding-right: 0.75rem;} .py-3{ padding-top: 0.75rem;padding-bottom: 0.75rem;} .p-4{ padding: 1rem;} .px-4{ padding-left: 1rem;padding-right: 1rem;} .p-6{ padding: 1.5rem;} .px-6{ padding-left: 1.5rem;padding-right: 1.5rem;} .p-8{ padding: 2rem;} .p-12{ padding: 3rem;} .p-0\.5{ padding: 0.125rem;} .mb-2{ margin-bottom: 0.5rem;} .mb-3{ margin-bottom: 0.75rem;} .mb-4{ margin-bottom: 1rem;} .ml-4{ margin-left: 1rem;} .mb-6{ margin-bottom: 1.5rem;} .mb-8{ margin-bottom: 2rem;} .my-16{ margin-top: 4rem;margin-bottom: 4rem;} .mb-20{ margin-bottom: 5rem;} .mb-24{ margin-bottom: 6rem;} .m-1\.5{ margin: 0.375rem;} .mx-auto{ margin-left: auto;margin-right: auto;} .flex-col{ flex-direction: column;} .flex-1{ flex: 1 1 0%;} .items-center{ align-items: center;} .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr));} .gap-4{ gap: 1rem;} .gap-6{ gap: 1.5rem;} .gap-8{ gap: 2rem;} .w-4{ width: 1rem;} .h-4{ height: 1rem;} .w-full{ width: 100%;} .max-w-xs{ max-width: 20rem;} .max-w-sm{ max-width: 24rem;} .max-w-md{ max-width: 28rem;} .max-w-2xl{ max-width: 42rem;} .text-xs{ font-size: var(--text-xs);line-height: 1.5;} .text-sm{ font-size: var(--text-sm);line-height: 1.5;} .text-base{ font-size: var(--text-base);line-height: 1.6;} .text-lg{ font-size: var(--text-lg);line-height: 1.6;} .text-xl{ font-size: var(--text-xl);line-height: 1.6;} .text-2xl{ font-size: var(--text-2xl);line-height: 1.4;} .text-4xl{ font-size: var(--text-4xl);line-height: 1.3;} .font-semibold{ font-weight: 600;} .font-bold{ font-weight: 700;} .text-center{ text-align: center;} .border-0{ border-width: 0px;} .border-2{ border-width: 2px;} .border-l-4{ border-left-width: 4px;} .rounded{ border-radius: 8px;} .rounded-sm{ border-radius: 4px;} .rounded-md{ border-radius: 12px;} .rounded-lg{ border-radius: 16px;} .bg-primary-10{ background-color: #C0E9FF;} .bg-primary-20{ background-color: #9ADCFF;} .bg-primary-30{ background-color: #75CFFF;} .bg-primary-40{ background-color: #4FC1FF;} .bg-primary-50{ background-color: #29B4FF;} .bg-primary-60{ background-color: #04A7FF;} .bg-primary-70{ background-color: #0090DD;} .bg-primary-80{ background-color: #0077B6;} .bg-primary-90{ background-color: #004469;} .bg-primary-100{ background-color: #00111A;} .text-primary-80{ color: #0077B6;} .text-primary-90{ color: #004469;} .border-primary-10{ border-color: #C0E9FF;} .border-primary-80{ border-color: #0077B6;} .accent-primary-80{ accent-color: #0077B6;} .bg-success-10{ background-color: #BAFEF1;} .text-success-70{ color: #02AA89;} .text-success-80{ color: #017F65;} .border-success-50{ border-color: #09FDCC;} .bg-warning-10{ background-color: #FFF2C9;} .text-warning-70{ color: #FFC821;} .text-warning-80{ color: #FFC107;} .border-warning-50{ border-color: #FFD659;} .bg-error-10{ background-color: #FFBFBF;} .bg-error-80{ background-color: #B20000;} .text-error-70{ color: #D90000;} .text-error-80{ color: #B20000;} .border-error-50{ border-color: #FF2626;} .bg-neutral-10{ background-color: #DCDCDC;} .bg-neutral-20{ background-color: #C6C6C6;} .text-neutral-60{ color: #6C6C6C;} .text-neutral-70{ color: #565656;} .text-neutral-80{ color: #404040;} .text-neutral-90{ color: #262626;} .border-neutral-20{ border-color: #C6C6C6;} .bg-white{ background-color: #ffffff;} .text-white{ color: #ffffff;} .shadow-md{ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);} .appearance-none{ appearance: none;} .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;} .duration-200{ transition-duration: 200ms;} .cursor-pointer{ cursor: pointer;} .hover\:bg-primary-10:hover{ background-color: #C0E9FF;} .hover\:bg-primary-90:hover{ background-color: #004469;} .hover\:bg-error-90:hover{ background-color: #660000;} .hover\:bg-neutral-20:hover{ background-color: #C6C6C6;} .hover\:bg-neutral-30:hover{ background-color: #AFAFAF;} .focus-visible\:border-primary-50:focus-visible{ border-color: #29B4FF;} .focus-visible\:ring-2:focus-visible{ box-shadow: 0 0 0 2px var(--ring-color, transparent);} .focus-visible\:ring-primary-50:focus-visible{ --ring-color: var(--color-primary-50);} .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent;outline-offset: 2px;}
package/dist/emily.purged.css DELETED
@@ -1,840 +0,0 @@
1
- @layer theme, base, components, utilities;
2
-
3
- @layer theme {
4
- :root {
5
- --color-primary-10: #FFADDF;
6
- --color-primary-20: #FF8FCF;
7
- --color-primary-30: #FF7FBF;
8
- --color-primary-40: #FF6FB0;
9
- --color-primary-50: #FF5EA2;
10
- --color-primary-60: #FE4D93;
11
- --color-primary-70: #EC3B85;
12
- --color-primary-80: #DB2777;
13
- --color-primary-90: #8C003A;
14
- --color-primary-100: #280009;
15
- --color-secondary-10: #9FE0FF;
16
- --color-secondary-20: #84CCFF;
17
- --color-secondary-30: #74BAFF;
18
- --color-secondary-40: #64A9FF;
19
- --color-secondary-50: #5497FF;
20
- --color-secondary-60: #4486FF;
21
- --color-secondary-70: #3574FE;
22
- --color-secondary-80: #2563EB;
23
- --color-secondary-90: #001BA7;
24
- --color-secondary-100: #000037;
25
- --color-success-10: #A1FCD2;
26
- --color-success-20: #7FF1BF;
27
- --color-success-30: #6FE1B0;
28
- --color-success-40: #5ED2A1;
29
- --color-success-50: #4DC293;
30
- --color-success-60: #3BB385;
31
- --color-success-70: #27A577;
32
- --color-success-80: #059669;
33
- --color-success-90: #00532C;
34
- --color-success-100: #001204;
35
- --color-warning-10: #FFD495;
36
- --color-warning-20: #FFC06A;
37
- --color-warning-30: #FFB45D;
38
- --color-warning-40: #FFA74F;
39
- --color-warning-50: #FF9B41;
40
- --color-warning-60: #F38F32;
41
- --color-warning-70: #E68321;
42
- --color-warning-80: #D97706;
43
- --color-warning-90: #832700;
44
- --color-warning-100: #200000;
45
- --color-error-10: #FFB1A0;
46
- --color-error-20: #FF9383;
47
- --color-error-30: #FF8274;
48
- --color-error-40: #FF7164;
49
- --color-error-50: #FF6055;
50
- --color-error-60: #FF4F46;
51
- --color-error-70: #EE3C36;
52
- --color-error-80: #DC2626;
53
- --color-error-90: #8F0000;
54
- --color-error-100: #2A0000;
55
- --color-neutral-10: #E3DFD9;
56
- --color-neutral-20: #CEC9C3;
57
- --color-neutral-30: #B9B4AF;
58
- --color-neutral-40: #A4A09A;
59
- --color-neutral-50: #908C86;
60
- --color-neutral-60: #7D7873;
61
- --color-neutral-70: #696560;
62
- --color-neutral-80: #57534E;
63
- --color-neutral-90: #302C28;
64
- --color-neutral-100: #0C0B09;
65
- --space-0: 0px;
66
- --space-1: 0.25rem;
67
- --space-2: 0.5rem;
68
- --space-3: 0.75rem;
69
- --space-4: 1rem;
70
- --space-5: 1.25rem;
71
- --space-6: 1.5rem;
72
- --space-7: 1.75rem;
73
- --space-8: 2rem;
74
- --space-9: 2.25rem;
75
- --space-10: 2.5rem;
76
- --space-11: 2.75rem;
77
- --space-12: 3rem;
78
- --space-14: 3.5rem;
79
- --space-16: 4rem;
80
- --space-20: 5rem;
81
- --space-24: 6rem;
82
- --space-28: 7rem;
83
- --space-32: 8rem;
84
- --space-36: 9rem;
85
- --space-40: 10rem;
86
- --space-44: 11rem;
87
- --space-48: 12rem;
88
- --space-52: 13rem;
89
- --space-56: 14rem;
90
- --space-60: 15rem;
91
- --space-64: 16rem;
92
- --space-72: 18rem;
93
- --space-80: 20rem;
94
- --space-96: 24rem;
95
- --space-px: 1px;
96
- --space-0.5: 0.125rem;
97
- --space-1.5: 0.375rem;
98
- --space-2.5: 0.625rem;
99
- --space-3.5: 0.875rem;
100
- --text-xs: 12px;
101
- --leading-xs: 1.5;
102
- --text-sm: 14px;
103
- --leading-sm: 1.5;
104
- --text-base: 16px;
105
- --leading-base: 1.6;
106
- --text-lg: 18px;
107
- --leading-lg: 1.6;
108
- --text-xl: 20px;
109
- --leading-xl: 1.6;
110
- --text-2xl: 24px;
111
- --leading-2xl: 1.4;
112
- --text-3xl: 30px;
113
- --leading-3xl: 1.4;
114
- --text-4xl: 36px;
115
- --leading-4xl: 1.3;
116
- --font-weight-light: 300;
117
- --font-weight-normal: 400;
118
- --font-weight-medium: 500;
119
- --font-weight-semibold: 600;
120
- --font-weight-bold: 700;
121
- --breakpoint-sm: 640px;
122
- --breakpoint-md: 768px;
123
- --breakpoint-lg: 1024px;
124
- --breakpoint-xl: 1280px;
125
- --breakpoint-2xl: 1536px;
126
- --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
127
- --shadow-base: 0 4px 6px rgba(0, 0, 0, 0.1);
128
- --shadow-md: 0 10px 15px rgba(0, 0, 0, 0.1);
129
- --shadow-lg: 0 20px 25px rgba(0, 0, 0, 0.15);
130
- --shadow-none: none;
131
- --z-0: 0;
132
- --z-10: 10;
133
- --z-20: 20;
134
- --z-30: 30;
135
- --z-40: 40;
136
- --z-50: 50;
137
- --z-auto: auto;
138
- --z-dropdown: 1000;
139
- --z-sticky: 1020;
140
- --z-fixed: 1030;
141
- --z-modal: 1040;
142
- --z-popover: 1060;
143
- --z-tooltip: 1070;
144
- --transition-duration: 200ms;
145
- --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
146
- }
147
-
148
- }
149
-
150
- @layer base {
151
- *, *::before, *::after {
152
- box-sizing: border-box;
153
- }
154
- body {
155
- font-family: "Inter", system-ui, sans-serif;
156
- font-synthesis: style;
157
- }
158
- }
159
-
160
- @layer components {
161
- /* Reserved for component styles in a future release. */
162
- }
163
-
164
- @layer utilities {
165
- /* Display & Visibility */
166
- .block { display: block; }
167
- .flex { display: flex; }
168
- .grid { display: grid; }
169
- .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
170
- .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
171
- .p-2 { padding: 0.5rem; }
172
- .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
173
- .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
174
- .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
175
- .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
176
- .p-4 { padding: 1rem; }
177
- .px-4 { padding-left: 1rem; padding-right: 1rem; }
178
- .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
179
- .pb-4 { padding-bottom: 1rem; }
180
- .p-5 { padding: 1.25rem; }
181
- .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
182
- .p-6 { padding: 1.5rem; }
183
- .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
184
- .pb-6 { padding-bottom: 1.5rem; }
185
- .p-8 { padding: 2rem; }
186
- .p-12 { padding: 3rem; }
187
- .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
188
- .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
189
- .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
190
- .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
191
- .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
192
- .mt-1 { margin-top: 0.25rem; }
193
- .mb-1 { margin-bottom: 0.25rem; }
194
- .mt-2 { margin-top: 0.5rem; }
195
- .mb-2 { margin-bottom: 0.5rem; }
196
- .mb-3 { margin-bottom: 0.75rem; }
197
- .mb-4 { margin-bottom: 1rem; }
198
- .mb-5 { margin-bottom: 1.25rem; }
199
- .mb-6 { margin-bottom: 1.5rem; }
200
- .mb-8 { margin-bottom: 2rem; }
201
- .mb-10 { margin-bottom: 2.5rem; }
202
- .mt-0\.5 { margin-top: 0.125rem; }
203
- .mt-1\.5 { margin-top: 0.375rem; }
204
- .flex-col { flex-direction: column; }
205
- .flex-wrap { flex-wrap: wrap; }
206
- .flex-1 { flex: 1 1 0%; }
207
- .shrink-0 { flex-shrink: 0; }
208
- .justify-center { justify-content: center; }
209
- .justify-between { justify-content: space-between; }
210
- .items-start { align-items: flex-start; }
211
- .items-end { align-items: flex-end; }
212
- .items-center { align-items: center; }
213
- .items-baseline { align-items: baseline; }
214
- .self-start { align-self: flex-start; }
215
- .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
216
- .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
217
- .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
218
- .gap-1 { gap: 0.25rem; }
219
- .gap-2 { gap: 0.5rem; }
220
- .gap-3 { gap: 0.75rem; }
221
- .gap-4 { gap: 1rem; }
222
- .gap-5 { gap: 1.25rem; }
223
- .gap-6 { gap: 1.5rem; }
224
- .gap-8 { gap: 2rem; }
225
- .gap-0\.5 { gap: 0.125rem; }
226
- .gap-1\.5 { gap: 0.375rem; }
227
- .w-7 { width: 1.75rem; }
228
- .w-8 { width: 2rem; }
229
- .w-10 { width: 2.5rem; }
230
- .w-14 { width: 3.5rem; }
231
- .w-16 { width: 4rem; }
232
- .w-24 { width: 6rem; }
233
- .h-4 { height: 1rem; }
234
- .h-6 { height: 1.5rem; }
235
- .h-7 { height: 1.75rem; }
236
- .h-10 { height: 2.5rem; }
237
- .h-16 { height: 4rem; }
238
- .h-20 { height: 5rem; }
239
- .w-full { width: 100%; }
240
- /* Typography */
241
- .text-xs { font-size: var(--text-xs); line-height: 1.5; }
242
- .text-sm { font-size: var(--text-sm); line-height: 1.5; }
243
- .text-base { font-size: var(--text-base); line-height: 1.6; }
244
- .text-lg { font-size: var(--text-lg); line-height: 1.6; }
245
- .text-xl { font-size: var(--text-xl); line-height: 1.6; }
246
- .text-2xl { font-size: var(--text-2xl); line-height: 1.4; }
247
- .text-3xl { font-size: var(--text-3xl); line-height: 1.4; }
248
- .text-4xl { font-size: var(--text-4xl); line-height: 1.3; }
249
- .font-light { font-weight: 300; }
250
- .font-normal { font-weight: 400; }
251
- .font-medium { font-weight: 500; }
252
- .font-semibold { font-weight: 600; }
253
- .font-bold { font-weight: 700; }
254
- .text-center { text-align: center; }
255
- .tracking-wide { letter-spacing: 0.02em; }
256
- .uppercase { text-transform: uppercase; }
257
- /* Borders & Radius */
258
- .border { border-width: 1px; }
259
- .border-0 { border-width: 0px; }
260
- .border-2 { border-width: 2px; }
261
- .border-4 { border-width: 4px; }
262
- .border-8 { border-width: 8px; }
263
- .border-b { border-bottom-width: 1px; }
264
- .border-b-2 { border-bottom-width: 2px; }
265
- .rounded { border-radius: 8px; }
266
- .rounded-none { border-radius: 0; }
267
- .rounded-sm { border-radius: 4px; }
268
- .rounded-md { border-radius: 12px; }
269
- .rounded-lg { border-radius: 16px; }
270
- .rounded-full { border-radius: 9999px; }
271
- /* Colours: Background, Text, Borders, Accents */
272
- .bg-primary-10 { background-color: #FFADDF; }
273
- .bg-primary-20 { background-color: #FF8FCF; }
274
- .bg-primary-30 { background-color: #FF7FBF; }
275
- .bg-primary-40 { background-color: #FF6FB0; }
276
- .bg-primary-50 { background-color: #FF5EA2; }
277
- .bg-primary-60 { background-color: #FE4D93; }
278
- .bg-primary-70 { background-color: #EC3B85; }
279
- .bg-primary-80 { background-color: #DB2777; }
280
- .bg-primary-90 { background-color: #8C003A; }
281
- .bg-primary-100 { background-color: #280009; }
282
- .text-primary-20 { color: #FF8FCF; }
283
- .text-primary-80 { color: #DB2777; }
284
- .text-primary-90 { color: #8C003A; }
285
- .border-primary-30 { border-color: #FF7FBF; }
286
- .border-primary-40 { border-color: #FF6FB0; }
287
- .border-primary-80 { border-color: #DB2777; }
288
- .bg-secondary-10 { background-color: #9FE0FF; }
289
- .bg-secondary-20 { background-color: #84CCFF; }
290
- .bg-secondary-30 { background-color: #74BAFF; }
291
- .bg-secondary-40 { background-color: #64A9FF; }
292
- .bg-secondary-50 { background-color: #5497FF; }
293
- .bg-secondary-60 { background-color: #4486FF; }
294
- .bg-secondary-70 { background-color: #3574FE; }
295
- .bg-secondary-80 { background-color: #2563EB; }
296
- .bg-secondary-90 { background-color: #001BA7; }
297
- .bg-secondary-100 { background-color: #000037; }
298
- .text-secondary-80 { color: #2563EB; }
299
- .bg-success-10 { background-color: #A1FCD2; }
300
- .bg-success-20 { background-color: #7FF1BF; }
301
- .bg-success-30 { background-color: #6FE1B0; }
302
- .bg-success-40 { background-color: #5ED2A1; }
303
- .bg-success-50 { background-color: #4DC293; }
304
- .bg-success-60 { background-color: #3BB385; }
305
- .bg-success-70 { background-color: #27A577; }
306
- .bg-success-80 { background-color: #059669; }
307
- .bg-success-90 { background-color: #00532C; }
308
- .bg-success-100 { background-color: #001204; }
309
- .text-success-80 { color: #059669; }
310
- .text-success-90 { color: #00532C; }
311
- .border-success-30 { border-color: #6FE1B0; }
312
- .bg-warning-10 { background-color: #FFD495; }
313
- .bg-warning-20 { background-color: #FFC06A; }
314
- .bg-warning-30 { background-color: #FFB45D; }
315
- .bg-warning-40 { background-color: #FFA74F; }
316
- .bg-warning-50 { background-color: #FF9B41; }
317
- .bg-warning-60 { background-color: #F38F32; }
318
- .bg-warning-70 { background-color: #E68321; }
319
- .bg-warning-80 { background-color: #D97706; }
320
- .bg-warning-90 { background-color: #832700; }
321
- .bg-warning-100 { background-color: #200000; }
322
- .text-warning-60 { color: #F38F32; }
323
- .border-warning-40 { border-color: #FFA74F; }
324
- .bg-error-10 { background-color: #FFB1A0; }
325
- .bg-error-20 { background-color: #FF9383; }
326
- .bg-error-30 { background-color: #FF8274; }
327
- .bg-error-40 { background-color: #FF7164; }
328
- .bg-error-50 { background-color: #FF6055; }
329
- .bg-error-60 { background-color: #FF4F46; }
330
- .bg-error-70 { background-color: #EE3C36; }
331
- .bg-error-80 { background-color: #DC2626; }
332
- .bg-error-90 { background-color: #8F0000; }
333
- .bg-error-100 { background-color: #2A0000; }
334
- .text-error-80 { color: #DC2626; }
335
- .text-error-90 { color: #8F0000; }
336
- .border-error-30 { border-color: #FF8274; }
337
- .border-error-80 { border-color: #DC2626; }
338
- .bg-neutral-10 { background-color: #E3DFD9; }
339
- .bg-neutral-20 { background-color: #CEC9C3; }
340
- .bg-neutral-30 { background-color: #B9B4AF; }
341
- .bg-neutral-40 { background-color: #A4A09A; }
342
- .bg-neutral-50 { background-color: #908C86; }
343
- .bg-neutral-60 { background-color: #7D7873; }
344
- .bg-neutral-70 { background-color: #696560; }
345
- .bg-neutral-80 { background-color: #57534E; }
346
- .bg-neutral-90 { background-color: #302C28; }
347
- .bg-neutral-100 { background-color: #0C0B09; }
348
- .text-neutral-40 { color: #A4A09A; }
349
- .text-neutral-50 { color: #908C86; }
350
- .text-neutral-60 { color: #7D7873; }
351
- .text-neutral-70 { color: #696560; }
352
- .text-neutral-80 { color: #57534E; }
353
- .text-neutral-90 { color: #302C28; }
354
- .border-neutral-10 { border-color: #E3DFD9; }
355
- .border-neutral-20 { border-color: #CEC9C3; }
356
- .border-neutral-30 { border-color: #B9B4AF; }
357
- .border-neutral-40 { border-color: #A4A09A; }
358
- .bg-white { background-color: #ffffff; }
359
- .text-white { color: #ffffff; }
360
- .sticky { position: sticky; }
361
- .top-0 { top: 0px; }
362
- .z-sticky { z-index: 1020; }
363
- .overflow-hidden { overflow: hidden; }
364
- .shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
365
- .shadow { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
366
- .shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
367
- .shadow-lg { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
368
- /* Transitions */
369
- .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
370
- .cursor-pointer { cursor: pointer; }
371
- .cursor-not-allowed { cursor: not-allowed; }
372
- /* Container Queries */
373
- @supports (container-type: inline-size) {
374
- .container-type-inline { container-type: inline-size; }
375
- @container (min-width: 20rem) { .cq-xs\: { /* utilities */ } }
376
- @container (min-width: 28rem) { .cq-sm\: { /* utilities */ } }
377
- @container (min-width: 36rem) { .cq-md\: { /* utilities */ } }
378
- @container (min-width: 48rem) { .cq-lg\: { /* utilities */ } }
379
- }
380
- .hover\:bg-primary-10:hover { background-color: #FFADDF; }
381
- .hover\:bg-primary-90:hover { background-color: #8C003A; }
382
- .hover\:text-primary-80:hover { color: #DB2777; }
383
- .hover\:bg-success-90:hover { background-color: #00532C; }
384
- .hover\:bg-error-90:hover { background-color: #8F0000; }
385
- .hover\:bg-neutral-90:hover { background-color: #302C28; }
386
- .focus-visible\:ring-2:focus-visible { box-shadow: 0 0 0 2px var(--ring-color, transparent); }
387
- .focus-visible\:ring-primary-50:focus-visible { --ring-color: var(--color-primary-50); }
388
- .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
389
- .focus-visible\:outline-2:focus-visible { outline-width: 2px; }
390
- /* Dark mode variants */
391
- @media (prefers-color-scheme: dark) {
392
- .dark\:bg-primary-10 { background-color: #FFADDF; }
393
- .dark\:bg-primary-20 { background-color: #FF8FCF; }
394
- .dark\:bg-primary-30 { background-color: #FF7FBF; }
395
- .dark\:bg-primary-40 { background-color: #FF6FB0; }
396
- .dark\:bg-primary-50 { background-color: #FF5EA2; }
397
- .dark\:bg-primary-60 { background-color: #FE4D93; }
398
- .dark\:bg-primary-70 { background-color: #EC3B85; }
399
- .dark\:bg-primary-80 { background-color: #DB2777; }
400
- .dark\:bg-primary-90 { background-color: #8C003A; }
401
- .dark\:bg-primary-100 { background-color: #280009; }
402
- .dark\:text-primary-10 { color: #FFADDF; }
403
- .dark\:text-primary-20 { color: #FF8FCF; }
404
- .dark\:text-primary-30 { color: #FF7FBF; }
405
- .dark\:text-primary-40 { color: #FF6FB0; }
406
- .dark\:text-primary-50 { color: #FF5EA2; }
407
- .dark\:text-primary-60 { color: #FE4D93; }
408
- .dark\:text-primary-70 { color: #EC3B85; }
409
- .dark\:text-primary-80 { color: #DB2777; }
410
- .dark\:text-primary-90 { color: #8C003A; }
411
- .dark\:text-primary-100 { color: #280009; }
412
- .dark\:border-primary-10 { border-color: #FFADDF; }
413
- .dark\:border-primary-20 { border-color: #FF8FCF; }
414
- .dark\:border-primary-30 { border-color: #FF7FBF; }
415
- .dark\:border-primary-40 { border-color: #FF6FB0; }
416
- .dark\:border-primary-50 { border-color: #FF5EA2; }
417
- .dark\:border-primary-60 { border-color: #FE4D93; }
418
- .dark\:border-primary-70 { border-color: #EC3B85; }
419
- .dark\:border-primary-80 { border-color: #DB2777; }
420
- .dark\:border-primary-90 { border-color: #8C003A; }
421
- .dark\:border-primary-100 { border-color: #280009; }
422
- .dark\:accent-primary-10 { accent-color: #FFADDF; }
423
- .dark\:accent-primary-20 { accent-color: #FF8FCF; }
424
- .dark\:accent-primary-30 { accent-color: #FF7FBF; }
425
- .dark\:accent-primary-40 { accent-color: #FF6FB0; }
426
- .dark\:accent-primary-50 { accent-color: #FF5EA2; }
427
- .dark\:accent-primary-60 { accent-color: #FE4D93; }
428
- .dark\:accent-primary-70 { accent-color: #EC3B85; }
429
- .dark\:accent-primary-80 { accent-color: #DB2777; }
430
- .dark\:accent-primary-90 { accent-color: #8C003A; }
431
- .dark\:accent-primary-100 { accent-color: #280009; }
432
- .dark\:bg-secondary-10 { background-color: #9FE0FF; }
433
- .dark\:bg-secondary-20 { background-color: #84CCFF; }
434
- .dark\:bg-secondary-30 { background-color: #74BAFF; }
435
- .dark\:bg-secondary-40 { background-color: #64A9FF; }
436
- .dark\:bg-secondary-50 { background-color: #5497FF; }
437
- .dark\:bg-secondary-60 { background-color: #4486FF; }
438
- .dark\:bg-secondary-70 { background-color: #3574FE; }
439
- .dark\:bg-secondary-80 { background-color: #2563EB; }
440
- .dark\:bg-secondary-90 { background-color: #001BA7; }
441
- .dark\:bg-secondary-100 { background-color: #000037; }
442
- .dark\:text-secondary-10 { color: #9FE0FF; }
443
- .dark\:text-secondary-20 { color: #84CCFF; }
444
- .dark\:text-secondary-30 { color: #74BAFF; }
445
- .dark\:text-secondary-40 { color: #64A9FF; }
446
- .dark\:text-secondary-50 { color: #5497FF; }
447
- .dark\:text-secondary-60 { color: #4486FF; }
448
- .dark\:text-secondary-70 { color: #3574FE; }
449
- .dark\:text-secondary-80 { color: #2563EB; }
450
- .dark\:text-secondary-90 { color: #001BA7; }
451
- .dark\:text-secondary-100 { color: #000037; }
452
- .dark\:border-secondary-10 { border-color: #9FE0FF; }
453
- .dark\:border-secondary-20 { border-color: #84CCFF; }
454
- .dark\:border-secondary-30 { border-color: #74BAFF; }
455
- .dark\:border-secondary-40 { border-color: #64A9FF; }
456
- .dark\:border-secondary-50 { border-color: #5497FF; }
457
- .dark\:border-secondary-60 { border-color: #4486FF; }
458
- .dark\:border-secondary-70 { border-color: #3574FE; }
459
- .dark\:border-secondary-80 { border-color: #2563EB; }
460
- .dark\:border-secondary-90 { border-color: #001BA7; }
461
- .dark\:border-secondary-100 { border-color: #000037; }
462
- .dark\:accent-secondary-10 { accent-color: #9FE0FF; }
463
- .dark\:accent-secondary-20 { accent-color: #84CCFF; }
464
- .dark\:accent-secondary-30 { accent-color: #74BAFF; }
465
- .dark\:accent-secondary-40 { accent-color: #64A9FF; }
466
- .dark\:accent-secondary-50 { accent-color: #5497FF; }
467
- .dark\:accent-secondary-60 { accent-color: #4486FF; }
468
- .dark\:accent-secondary-70 { accent-color: #3574FE; }
469
- .dark\:accent-secondary-80 { accent-color: #2563EB; }
470
- .dark\:accent-secondary-90 { accent-color: #001BA7; }
471
- .dark\:accent-secondary-100 { accent-color: #000037; }
472
- .dark\:bg-success-10 { background-color: #A1FCD2; }
473
- .dark\:bg-success-20 { background-color: #7FF1BF; }
474
- .dark\:bg-success-30 { background-color: #6FE1B0; }
475
- .dark\:bg-success-40 { background-color: #5ED2A1; }
476
- .dark\:bg-success-50 { background-color: #4DC293; }
477
- .dark\:bg-success-60 { background-color: #3BB385; }
478
- .dark\:bg-success-70 { background-color: #27A577; }
479
- .dark\:bg-success-80 { background-color: #059669; }
480
- .dark\:bg-success-90 { background-color: #00532C; }
481
- .dark\:bg-success-100 { background-color: #001204; }
482
- .dark\:text-success-10 { color: #A1FCD2; }
483
- .dark\:text-success-20 { color: #7FF1BF; }
484
- .dark\:text-success-30 { color: #6FE1B0; }
485
- .dark\:text-success-40 { color: #5ED2A1; }
486
- .dark\:text-success-50 { color: #4DC293; }
487
- .dark\:text-success-60 { color: #3BB385; }
488
- .dark\:text-success-70 { color: #27A577; }
489
- .dark\:text-success-80 { color: #059669; }
490
- .dark\:text-success-90 { color: #00532C; }
491
- .dark\:text-success-100 { color: #001204; }
492
- .dark\:border-success-10 { border-color: #A1FCD2; }
493
- .dark\:border-success-20 { border-color: #7FF1BF; }
494
- .dark\:border-success-30 { border-color: #6FE1B0; }
495
- .dark\:border-success-40 { border-color: #5ED2A1; }
496
- .dark\:border-success-50 { border-color: #4DC293; }
497
- .dark\:border-success-60 { border-color: #3BB385; }
498
- .dark\:border-success-70 { border-color: #27A577; }
499
- .dark\:border-success-80 { border-color: #059669; }
500
- .dark\:border-success-90 { border-color: #00532C; }
501
- .dark\:border-success-100 { border-color: #001204; }
502
- .dark\:accent-success-10 { accent-color: #A1FCD2; }
503
- .dark\:accent-success-20 { accent-color: #7FF1BF; }
504
- .dark\:accent-success-30 { accent-color: #6FE1B0; }
505
- .dark\:accent-success-40 { accent-color: #5ED2A1; }
506
- .dark\:accent-success-50 { accent-color: #4DC293; }
507
- .dark\:accent-success-60 { accent-color: #3BB385; }
508
- .dark\:accent-success-70 { accent-color: #27A577; }
509
- .dark\:accent-success-80 { accent-color: #059669; }
510
- .dark\:accent-success-90 { accent-color: #00532C; }
511
- .dark\:accent-success-100 { accent-color: #001204; }
512
- .dark\:bg-warning-10 { background-color: #FFD495; }
513
- .dark\:bg-warning-20 { background-color: #FFC06A; }
514
- .dark\:bg-warning-30 { background-color: #FFB45D; }
515
- .dark\:bg-warning-40 { background-color: #FFA74F; }
516
- .dark\:bg-warning-50 { background-color: #FF9B41; }
517
- .dark\:bg-warning-60 { background-color: #F38F32; }
518
- .dark\:bg-warning-70 { background-color: #E68321; }
519
- .dark\:bg-warning-80 { background-color: #D97706; }
520
- .dark\:bg-warning-90 { background-color: #832700; }
521
- .dark\:bg-warning-100 { background-color: #200000; }
522
- .dark\:text-warning-10 { color: #FFD495; }
523
- .dark\:text-warning-20 { color: #FFC06A; }
524
- .dark\:text-warning-30 { color: #FFB45D; }
525
- .dark\:text-warning-40 { color: #FFA74F; }
526
- .dark\:text-warning-50 { color: #FF9B41; }
527
- .dark\:text-warning-60 { color: #F38F32; }
528
- .dark\:text-warning-70 { color: #E68321; }
529
- .dark\:text-warning-80 { color: #D97706; }
530
- .dark\:text-warning-90 { color: #832700; }
531
- .dark\:text-warning-100 { color: #200000; }
532
- .dark\:border-warning-10 { border-color: #FFD495; }
533
- .dark\:border-warning-20 { border-color: #FFC06A; }
534
- .dark\:border-warning-30 { border-color: #FFB45D; }
535
- .dark\:border-warning-40 { border-color: #FFA74F; }
536
- .dark\:border-warning-50 { border-color: #FF9B41; }
537
- .dark\:border-warning-60 { border-color: #F38F32; }
538
- .dark\:border-warning-70 { border-color: #E68321; }
539
- .dark\:border-warning-80 { border-color: #D97706; }
540
- .dark\:border-warning-90 { border-color: #832700; }
541
- .dark\:border-warning-100 { border-color: #200000; }
542
- .dark\:accent-warning-10 { accent-color: #FFD495; }
543
- .dark\:accent-warning-20 { accent-color: #FFC06A; }
544
- .dark\:accent-warning-30 { accent-color: #FFB45D; }
545
- .dark\:accent-warning-40 { accent-color: #FFA74F; }
546
- .dark\:accent-warning-50 { accent-color: #FF9B41; }
547
- .dark\:accent-warning-60 { accent-color: #F38F32; }
548
- .dark\:accent-warning-70 { accent-color: #E68321; }
549
- .dark\:accent-warning-80 { accent-color: #D97706; }
550
- .dark\:accent-warning-90 { accent-color: #832700; }
551
- .dark\:accent-warning-100 { accent-color: #200000; }
552
- .dark\:bg-error-10 { background-color: #FFB1A0; }
553
- .dark\:bg-error-20 { background-color: #FF9383; }
554
- .dark\:bg-error-30 { background-color: #FF8274; }
555
- .dark\:bg-error-40 { background-color: #FF7164; }
556
- .dark\:bg-error-50 { background-color: #FF6055; }
557
- .dark\:bg-error-60 { background-color: #FF4F46; }
558
- .dark\:bg-error-70 { background-color: #EE3C36; }
559
- .dark\:bg-error-80 { background-color: #DC2626; }
560
- .dark\:bg-error-90 { background-color: #8F0000; }
561
- .dark\:bg-error-100 { background-color: #2A0000; }
562
- .dark\:text-error-10 { color: #FFB1A0; }
563
- .dark\:text-error-20 { color: #FF9383; }
564
- .dark\:text-error-30 { color: #FF8274; }
565
- .dark\:text-error-40 { color: #FF7164; }
566
- .dark\:text-error-50 { color: #FF6055; }
567
- .dark\:text-error-60 { color: #FF4F46; }
568
- .dark\:text-error-70 { color: #EE3C36; }
569
- .dark\:text-error-80 { color: #DC2626; }
570
- .dark\:text-error-90 { color: #8F0000; }
571
- .dark\:text-error-100 { color: #2A0000; }
572
- .dark\:border-error-10 { border-color: #FFB1A0; }
573
- .dark\:border-error-20 { border-color: #FF9383; }
574
- .dark\:border-error-30 { border-color: #FF8274; }
575
- .dark\:border-error-40 { border-color: #FF7164; }
576
- .dark\:border-error-50 { border-color: #FF6055; }
577
- .dark\:border-error-60 { border-color: #FF4F46; }
578
- .dark\:border-error-70 { border-color: #EE3C36; }
579
- .dark\:border-error-80 { border-color: #DC2626; }
580
- .dark\:border-error-90 { border-color: #8F0000; }
581
- .dark\:border-error-100 { border-color: #2A0000; }
582
- .dark\:accent-error-10 { accent-color: #FFB1A0; }
583
- .dark\:accent-error-20 { accent-color: #FF9383; }
584
- .dark\:accent-error-30 { accent-color: #FF8274; }
585
- .dark\:accent-error-40 { accent-color: #FF7164; }
586
- .dark\:accent-error-50 { accent-color: #FF6055; }
587
- .dark\:accent-error-60 { accent-color: #FF4F46; }
588
- .dark\:accent-error-70 { accent-color: #EE3C36; }
589
- .dark\:accent-error-80 { accent-color: #DC2626; }
590
- .dark\:accent-error-90 { accent-color: #8F0000; }
591
- .dark\:accent-error-100 { accent-color: #2A0000; }
592
- .dark\:bg-neutral-10 { background-color: #E3DFD9; }
593
- .dark\:bg-neutral-20 { background-color: #CEC9C3; }
594
- .dark\:bg-neutral-30 { background-color: #B9B4AF; }
595
- .dark\:bg-neutral-40 { background-color: #A4A09A; }
596
- .dark\:bg-neutral-50 { background-color: #908C86; }
597
- .dark\:bg-neutral-60 { background-color: #7D7873; }
598
- .dark\:bg-neutral-70 { background-color: #696560; }
599
- .dark\:bg-neutral-80 { background-color: #57534E; }
600
- .dark\:bg-neutral-90 { background-color: #302C28; }
601
- .dark\:bg-neutral-100 { background-color: #0C0B09; }
602
- .dark\:text-neutral-10 { color: #E3DFD9; }
603
- .dark\:text-neutral-20 { color: #CEC9C3; }
604
- .dark\:text-neutral-30 { color: #B9B4AF; }
605
- .dark\:text-neutral-40 { color: #A4A09A; }
606
- .dark\:text-neutral-50 { color: #908C86; }
607
- .dark\:text-neutral-60 { color: #7D7873; }
608
- .dark\:text-neutral-70 { color: #696560; }
609
- .dark\:text-neutral-80 { color: #57534E; }
610
- .dark\:text-neutral-90 { color: #302C28; }
611
- .dark\:text-neutral-100 { color: #0C0B09; }
612
- .dark\:border-neutral-10 { border-color: #E3DFD9; }
613
- .dark\:border-neutral-20 { border-color: #CEC9C3; }
614
- .dark\:border-neutral-30 { border-color: #B9B4AF; }
615
- .dark\:border-neutral-40 { border-color: #A4A09A; }
616
- .dark\:border-neutral-50 { border-color: #908C86; }
617
- .dark\:border-neutral-60 { border-color: #7D7873; }
618
- .dark\:border-neutral-70 { border-color: #696560; }
619
- .dark\:border-neutral-80 { border-color: #57534E; }
620
- .dark\:border-neutral-90 { border-color: #302C28; }
621
- .dark\:border-neutral-100 { border-color: #0C0B09; }
622
- .dark\:accent-neutral-10 { accent-color: #E3DFD9; }
623
- .dark\:accent-neutral-20 { accent-color: #CEC9C3; }
624
- .dark\:accent-neutral-30 { accent-color: #B9B4AF; }
625
- .dark\:accent-neutral-40 { accent-color: #A4A09A; }
626
- .dark\:accent-neutral-50 { accent-color: #908C86; }
627
- .dark\:accent-neutral-60 { accent-color: #7D7873; }
628
- .dark\:accent-neutral-70 { accent-color: #696560; }
629
- .dark\:accent-neutral-80 { accent-color: #57534E; }
630
- .dark\:accent-neutral-90 { accent-color: #302C28; }
631
- .dark\:accent-neutral-100 { accent-color: #0C0B09; }
632
- .dark\:bg-white { background-color: #ffffff; }
633
- .dark\:bg-transparent { background-color: transparent; }
634
- .dark\:text-white { color: #ffffff; }
635
- .dark\:shadow-none { box-shadow: none; }
636
- .dark\:shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
637
- .dark\:shadow { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
638
- .dark\:shadow-md { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
639
- .dark\:shadow-lg { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
640
- .dark\:ring-0 { box-shadow: 0 0 0 0px var(--ring-color, transparent); }
641
- .dark\:ring-1 { box-shadow: 0 0 0 1px var(--ring-color, transparent); }
642
- .dark\:ring-2 { box-shadow: 0 0 0 2px var(--ring-color, transparent); }
643
- .dark\:ring-primary-10 { --ring-color: var(--color-primary-10); }
644
- .dark\:ring-primary-20 { --ring-color: var(--color-primary-20); }
645
- .dark\:ring-primary-30 { --ring-color: var(--color-primary-30); }
646
- .dark\:ring-primary-40 { --ring-color: var(--color-primary-40); }
647
- .dark\:ring-primary-50 { --ring-color: var(--color-primary-50); }
648
- .dark\:ring-primary-60 { --ring-color: var(--color-primary-60); }
649
- .dark\:ring-primary-70 { --ring-color: var(--color-primary-70); }
650
- .dark\:ring-primary-80 { --ring-color: var(--color-primary-80); }
651
- .dark\:ring-primary-90 { --ring-color: var(--color-primary-90); }
652
- .dark\:ring-primary-100 { --ring-color: var(--color-primary-100); }
653
- .dark\:ring-secondary-10 { --ring-color: var(--color-secondary-10); }
654
- .dark\:ring-secondary-20 { --ring-color: var(--color-secondary-20); }
655
- .dark\:ring-secondary-30 { --ring-color: var(--color-secondary-30); }
656
- .dark\:ring-secondary-40 { --ring-color: var(--color-secondary-40); }
657
- .dark\:ring-secondary-50 { --ring-color: var(--color-secondary-50); }
658
- .dark\:ring-secondary-60 { --ring-color: var(--color-secondary-60); }
659
- .dark\:ring-secondary-70 { --ring-color: var(--color-secondary-70); }
660
- .dark\:ring-secondary-80 { --ring-color: var(--color-secondary-80); }
661
- .dark\:ring-secondary-90 { --ring-color: var(--color-secondary-90); }
662
- .dark\:ring-secondary-100 { --ring-color: var(--color-secondary-100); }
663
- .dark\:ring-success-10 { --ring-color: var(--color-success-10); }
664
- .dark\:ring-success-20 { --ring-color: var(--color-success-20); }
665
- .dark\:ring-success-30 { --ring-color: var(--color-success-30); }
666
- .dark\:ring-success-40 { --ring-color: var(--color-success-40); }
667
- .dark\:ring-success-50 { --ring-color: var(--color-success-50); }
668
- .dark\:ring-success-60 { --ring-color: var(--color-success-60); }
669
- .dark\:ring-success-70 { --ring-color: var(--color-success-70); }
670
- .dark\:ring-success-80 { --ring-color: var(--color-success-80); }
671
- .dark\:ring-success-90 { --ring-color: var(--color-success-90); }
672
- .dark\:ring-success-100 { --ring-color: var(--color-success-100); }
673
- .dark\:ring-warning-10 { --ring-color: var(--color-warning-10); }
674
- .dark\:ring-warning-20 { --ring-color: var(--color-warning-20); }
675
- .dark\:ring-warning-30 { --ring-color: var(--color-warning-30); }
676
- .dark\:ring-warning-40 { --ring-color: var(--color-warning-40); }
677
- .dark\:ring-warning-50 { --ring-color: var(--color-warning-50); }
678
- .dark\:ring-warning-60 { --ring-color: var(--color-warning-60); }
679
- .dark\:ring-warning-70 { --ring-color: var(--color-warning-70); }
680
- .dark\:ring-warning-80 { --ring-color: var(--color-warning-80); }
681
- .dark\:ring-warning-90 { --ring-color: var(--color-warning-90); }
682
- .dark\:ring-warning-100 { --ring-color: var(--color-warning-100); }
683
- .dark\:ring-error-10 { --ring-color: var(--color-error-10); }
684
- .dark\:ring-error-20 { --ring-color: var(--color-error-20); }
685
- .dark\:ring-error-30 { --ring-color: var(--color-error-30); }
686
- .dark\:ring-error-40 { --ring-color: var(--color-error-40); }
687
- .dark\:ring-error-50 { --ring-color: var(--color-error-50); }
688
- .dark\:ring-error-60 { --ring-color: var(--color-error-60); }
689
- .dark\:ring-error-70 { --ring-color: var(--color-error-70); }
690
- .dark\:ring-error-80 { --ring-color: var(--color-error-80); }
691
- .dark\:ring-error-90 { --ring-color: var(--color-error-90); }
692
- .dark\:ring-error-100 { --ring-color: var(--color-error-100); }
693
- .dark\:ring-neutral-10 { --ring-color: var(--color-neutral-10); }
694
- .dark\:ring-neutral-20 { --ring-color: var(--color-neutral-20); }
695
- .dark\:ring-neutral-30 { --ring-color: var(--color-neutral-30); }
696
- .dark\:ring-neutral-40 { --ring-color: var(--color-neutral-40); }
697
- .dark\:ring-neutral-50 { --ring-color: var(--color-neutral-50); }
698
- .dark\:ring-neutral-60 { --ring-color: var(--color-neutral-60); }
699
- .dark\:ring-neutral-70 { --ring-color: var(--color-neutral-70); }
700
- .dark\:ring-neutral-80 { --ring-color: var(--color-neutral-80); }
701
- .dark\:ring-neutral-90 { --ring-color: var(--color-neutral-90); }
702
- .dark\:ring-neutral-100 { --ring-color: var(--color-neutral-100); }
703
- .dark\:fill-current { fill: currentColor; }
704
- .dark\:stroke-current { stroke: currentColor; }
705
- .dark\:fill-primary-10 { fill: var(--color-primary-10); }
706
- .dark\:fill-primary-20 { fill: var(--color-primary-20); }
707
- .dark\:fill-primary-30 { fill: var(--color-primary-30); }
708
- .dark\:fill-primary-40 { fill: var(--color-primary-40); }
709
- .dark\:fill-primary-50 { fill: var(--color-primary-50); }
710
- .dark\:fill-primary-60 { fill: var(--color-primary-60); }
711
- .dark\:fill-primary-70 { fill: var(--color-primary-70); }
712
- .dark\:fill-primary-80 { fill: var(--color-primary-80); }
713
- .dark\:fill-primary-90 { fill: var(--color-primary-90); }
714
- .dark\:fill-primary-100 { fill: var(--color-primary-100); }
715
- .dark\:fill-secondary-10 { fill: var(--color-secondary-10); }
716
- .dark\:fill-secondary-20 { fill: var(--color-secondary-20); }
717
- .dark\:fill-secondary-30 { fill: var(--color-secondary-30); }
718
- .dark\:fill-secondary-40 { fill: var(--color-secondary-40); }
719
- .dark\:fill-secondary-50 { fill: var(--color-secondary-50); }
720
- .dark\:fill-secondary-60 { fill: var(--color-secondary-60); }
721
- .dark\:fill-secondary-70 { fill: var(--color-secondary-70); }
722
- .dark\:fill-secondary-80 { fill: var(--color-secondary-80); }
723
- .dark\:fill-secondary-90 { fill: var(--color-secondary-90); }
724
- .dark\:fill-secondary-100 { fill: var(--color-secondary-100); }
725
- .dark\:fill-success-10 { fill: var(--color-success-10); }
726
- .dark\:fill-success-20 { fill: var(--color-success-20); }
727
- .dark\:fill-success-30 { fill: var(--color-success-30); }
728
- .dark\:fill-success-40 { fill: var(--color-success-40); }
729
- .dark\:fill-success-50 { fill: var(--color-success-50); }
730
- .dark\:fill-success-60 { fill: var(--color-success-60); }
731
- .dark\:fill-success-70 { fill: var(--color-success-70); }
732
- .dark\:fill-success-80 { fill: var(--color-success-80); }
733
- .dark\:fill-success-90 { fill: var(--color-success-90); }
734
- .dark\:fill-success-100 { fill: var(--color-success-100); }
735
- .dark\:fill-warning-10 { fill: var(--color-warning-10); }
736
- .dark\:fill-warning-20 { fill: var(--color-warning-20); }
737
- .dark\:fill-warning-30 { fill: var(--color-warning-30); }
738
- .dark\:fill-warning-40 { fill: var(--color-warning-40); }
739
- .dark\:fill-warning-50 { fill: var(--color-warning-50); }
740
- .dark\:fill-warning-60 { fill: var(--color-warning-60); }
741
- .dark\:fill-warning-70 { fill: var(--color-warning-70); }
742
- .dark\:fill-warning-80 { fill: var(--color-warning-80); }
743
- .dark\:fill-warning-90 { fill: var(--color-warning-90); }
744
- .dark\:fill-warning-100 { fill: var(--color-warning-100); }
745
- .dark\:fill-error-10 { fill: var(--color-error-10); }
746
- .dark\:fill-error-20 { fill: var(--color-error-20); }
747
- .dark\:fill-error-30 { fill: var(--color-error-30); }
748
- .dark\:fill-error-40 { fill: var(--color-error-40); }
749
- .dark\:fill-error-50 { fill: var(--color-error-50); }
750
- .dark\:fill-error-60 { fill: var(--color-error-60); }
751
- .dark\:fill-error-70 { fill: var(--color-error-70); }
752
- .dark\:fill-error-80 { fill: var(--color-error-80); }
753
- .dark\:fill-error-90 { fill: var(--color-error-90); }
754
- .dark\:fill-error-100 { fill: var(--color-error-100); }
755
- .dark\:fill-neutral-10 { fill: var(--color-neutral-10); }
756
- .dark\:fill-neutral-20 { fill: var(--color-neutral-20); }
757
- .dark\:fill-neutral-30 { fill: var(--color-neutral-30); }
758
- .dark\:fill-neutral-40 { fill: var(--color-neutral-40); }
759
- .dark\:fill-neutral-50 { fill: var(--color-neutral-50); }
760
- .dark\:fill-neutral-60 { fill: var(--color-neutral-60); }
761
- .dark\:fill-neutral-70 { fill: var(--color-neutral-70); }
762
- .dark\:fill-neutral-80 { fill: var(--color-neutral-80); }
763
- .dark\:fill-neutral-90 { fill: var(--color-neutral-90); }
764
- .dark\:fill-neutral-100 { fill: var(--color-neutral-100); }
765
- .dark\:stroke-primary-10 { stroke: var(--color-primary-10); }
766
- .dark\:stroke-primary-20 { stroke: var(--color-primary-20); }
767
- .dark\:stroke-primary-30 { stroke: var(--color-primary-30); }
768
- .dark\:stroke-primary-40 { stroke: var(--color-primary-40); }
769
- .dark\:stroke-primary-50 { stroke: var(--color-primary-50); }
770
- .dark\:stroke-primary-60 { stroke: var(--color-primary-60); }
771
- .dark\:stroke-primary-70 { stroke: var(--color-primary-70); }
772
- .dark\:stroke-primary-80 { stroke: var(--color-primary-80); }
773
- .dark\:stroke-primary-90 { stroke: var(--color-primary-90); }
774
- .dark\:stroke-primary-100 { stroke: var(--color-primary-100); }
775
- .dark\:stroke-secondary-10 { stroke: var(--color-secondary-10); }
776
- .dark\:stroke-secondary-20 { stroke: var(--color-secondary-20); }
777
- .dark\:stroke-secondary-30 { stroke: var(--color-secondary-30); }
778
- .dark\:stroke-secondary-40 { stroke: var(--color-secondary-40); }
779
- .dark\:stroke-secondary-50 { stroke: var(--color-secondary-50); }
780
- .dark\:stroke-secondary-60 { stroke: var(--color-secondary-60); }
781
- .dark\:stroke-secondary-70 { stroke: var(--color-secondary-70); }
782
- .dark\:stroke-secondary-80 { stroke: var(--color-secondary-80); }
783
- .dark\:stroke-secondary-90 { stroke: var(--color-secondary-90); }
784
- .dark\:stroke-secondary-100 { stroke: var(--color-secondary-100); }
785
- .dark\:stroke-success-10 { stroke: var(--color-success-10); }
786
- .dark\:stroke-success-20 { stroke: var(--color-success-20); }
787
- .dark\:stroke-success-30 { stroke: var(--color-success-30); }
788
- .dark\:stroke-success-40 { stroke: var(--color-success-40); }
789
- .dark\:stroke-success-50 { stroke: var(--color-success-50); }
790
- .dark\:stroke-success-60 { stroke: var(--color-success-60); }
791
- .dark\:stroke-success-70 { stroke: var(--color-success-70); }
792
- .dark\:stroke-success-80 { stroke: var(--color-success-80); }
793
- .dark\:stroke-success-90 { stroke: var(--color-success-90); }
794
- .dark\:stroke-success-100 { stroke: var(--color-success-100); }
795
- .dark\:stroke-warning-10 { stroke: var(--color-warning-10); }
796
- .dark\:stroke-warning-20 { stroke: var(--color-warning-20); }
797
- .dark\:stroke-warning-30 { stroke: var(--color-warning-30); }
798
- .dark\:stroke-warning-40 { stroke: var(--color-warning-40); }
799
- .dark\:stroke-warning-50 { stroke: var(--color-warning-50); }
800
- .dark\:stroke-warning-60 { stroke: var(--color-warning-60); }
801
- .dark\:stroke-warning-70 { stroke: var(--color-warning-70); }
802
- .dark\:stroke-warning-80 { stroke: var(--color-warning-80); }
803
- .dark\:stroke-warning-90 { stroke: var(--color-warning-90); }
804
- .dark\:stroke-warning-100 { stroke: var(--color-warning-100); }
805
- .dark\:stroke-error-10 { stroke: var(--color-error-10); }
806
- .dark\:stroke-error-20 { stroke: var(--color-error-20); }
807
- .dark\:stroke-error-30 { stroke: var(--color-error-30); }
808
- .dark\:stroke-error-40 { stroke: var(--color-error-40); }
809
- .dark\:stroke-error-50 { stroke: var(--color-error-50); }
810
- .dark\:stroke-error-60 { stroke: var(--color-error-60); }
811
- .dark\:stroke-error-70 { stroke: var(--color-error-70); }
812
- .dark\:stroke-error-80 { stroke: var(--color-error-80); }
813
- .dark\:stroke-error-90 { stroke: var(--color-error-90); }
814
- .dark\:stroke-error-100 { stroke: var(--color-error-100); }
815
- .dark\:stroke-neutral-10 { stroke: var(--color-neutral-10); }
816
- .dark\:stroke-neutral-20 { stroke: var(--color-neutral-20); }
817
- .dark\:stroke-neutral-30 { stroke: var(--color-neutral-30); }
818
- .dark\:stroke-neutral-40 { stroke: var(--color-neutral-40); }
819
- .dark\:stroke-neutral-50 { stroke: var(--color-neutral-50); }
820
- .dark\:stroke-neutral-60 { stroke: var(--color-neutral-60); }
821
- .dark\:stroke-neutral-70 { stroke: var(--color-neutral-70); }
822
- .dark\:stroke-neutral-80 { stroke: var(--color-neutral-80); }
823
- .dark\:stroke-neutral-90 { stroke: var(--color-neutral-90); }
824
- .dark\:stroke-neutral-100 { stroke: var(--color-neutral-100); }
825
- .dark\:accent-current { accent-color: currentColor; }
826
- .dark\:opacity-0 { opacity: 0; }
827
- .dark\:opacity-5 { opacity: 0.05; }
828
- .dark\:opacity-10 { opacity: 0.1; }
829
- .dark\:opacity-25 { opacity: 0.25; }
830
- .dark\:opacity-50 { opacity: 0.5; }
831
- .dark\:opacity-75 { opacity: 0.75; }
832
- .dark\:opacity-90 { opacity: 0.9; }
833
- .dark\:opacity-95 { opacity: 0.95; }
834
- .dark\:opacity-100 { opacity: 1; }
835
- }
836
- @media (min-width: 768px) {
837
- .md\:p-6 { padding: 1.5rem; }
838
- .md\:w-96 { width: 24rem; }
839
- }
840
- }
package/dist/emily.purged.min.css DELETED
@@ -1 +0,0 @@
1
- .py-2{ padding-top: 0.5rem;padding-bottom: 0.5rem;} .px-4{ padding-left: 1rem;padding-right: 1rem;} .text-lg{ font-size: var(--text-lg);line-height: 1.6;} .font-bold{ font-weight: 700;} .bg-primary-90{ background-color: #004469;} .bg-success-80{ background-color: #017F65;} .hover\:bg-primary-80:hover{ background-color: #0077B6;} .hover\:bg-success-70:hover{ background-color: #02AA89;}