@kolkrabbi/kol-theme 0.40.0 → 0.41.0

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/README.md +1 -1
  2. package/kol-components-shell.css +77 -0
  3. package/kol-theme.css +1 -0
  4. package/kol-typography.css +100 -117
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -34,6 +34,6 @@ Tailwind v4 **does not scan `node_modules`**, so layout utilities emitted inside
34
34
 
35
35
  ## Fonts
36
36
 
37
- The typography CSS references the brand fonts at absolute paths (`/fonts/Right-Grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts.
37
+ The typography CSS references the brand fonts at absolute paths (`/fonts/right-grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts.
38
38
 
39
39
  Pure CSS — no JS, no dependencies.
package/kol-components-shell.css ADDED
@@ -0,0 +1,77 @@
1
+ /**
2
+ * KOL Components — Shell (application chrome)
3
+ *
4
+ * Chrome for @kolkrabbi/kol-shell — the app shell set (NavRail + AppShell +
5
+ * page scaffolds) lifted from kol-monitor/kol-mirror 2026-08-14. App chrome,
6
+ * not site chrome: kol-framework owns the site shell (SideNav, footer,
7
+ * heroes); this file owns the fixed 48px rail and its page offset.
8
+ */
9
+
10
+ :root {
11
+ /* Rail width — read by both the rail and AppShell's content offset, so the
12
+ * two can never disagree (each repo had the 48 hardcoded in two places). */
13
+ --kol-shell-rail-width: 48px;
14
+ /* Page gutter — PageShell's padding and PageBleed's negative margin. */
15
+ --kol-shell-page-pad: 48px;
16
+ }
17
+
18
+ /* ── NavRail ────────────────────────────────────────────────────────────── */
19
+
20
+ /* Geometry + stacking. Surface/border ride the theme utility classes on the
21
+ * element (bg-surface-tertiary border-r border-fg-04). z-index joins the DS
22
+ * ladder at the sticky tier: above page content, BELOW overlay (50) and modal
23
+ * (100) — monitor's raw z-70 rail sat above its own z-50 overlays, a live
24
+ * stacking bug. (--kol-z-nav is the SITE nav tier at 1000; an app rail that
25
+ * outranks modals would be the same bug in the other direction.) */
26
+ .kol-shell-rail {
27
+ position: fixed;
28
+ top: 0;
29
+ bottom: 0;
30
+ left: 0;
31
+ width: var(--kol-shell-rail-width);
32
+ z-index: var(--kol-z-sticky);
33
+ display: flex;
34
+ flex-direction: column;
35
+ align-items: center;
36
+ padding-top: 16px;
37
+ gap: 8px;
38
+ }
39
+
40
+ /* Rail nav items — the active-state ruling (user, 2026-08-12, monitor
41
+ * session), carried natively so consumers delete their overrides: ink
42
+ * full-strength in EVERY state (the nav variant's oq-64 rest is site-nav
43
+ * quiet, wrong on a 48px icon rail); hover = the oq-04 wash (from the
44
+ * variant); active route = that wash HELD ON. Never `selected`/`pressed` —
45
+ * navigation is location, not a toggled tool. Scoped to the rail: the global
46
+ * .kol-btn-nav[aria-current="page"] brightness-only rule (0.11.7 ruling)
47
+ * stays the site-nav law. */
48
+ .kol-shell-rail .kol-btn-nav {
49
+ color: var(--kol-oq-96);
50
+ }
51
+ .kol-shell-rail .kol-btn-nav[aria-current="page"] {
52
+ background-color: var(--kol-oq-04);
53
+ color: var(--kol-oq-96);
54
+ }
55
+
56
+ /* ── GridCard preview fits ──────────────────────────────────────────────── */
57
+
58
+ /* Ported from monitor's local components.css (.gridcard-preview) — ship with
59
+ * the card so both consumers delete the local copy. */
60
+ .kol-shell-card-preview img {
61
+ object-position: top left;
62
+ }
63
+ .kol-shell-card-preview--cover img {
64
+ width: 100%;
65
+ height: 100%;
66
+ object-fit: cover;
67
+ }
68
+ .kol-shell-card-preview--natural img {
69
+ max-width: none;
70
+ transform: scale(0.5);
71
+ transform-origin: top left;
72
+ }
73
+ .kol-shell-card-preview--compact img {
74
+ max-width: none;
75
+ transform: scale(0.3);
76
+ transform-origin: top left;
77
+ }
package/kol-theme.css CHANGED
@@ -47,6 +47,7 @@
47
47
  @import "./kol-components-workshop.css" layer(components);
48
48
  @import "./kol-components-foundry.css" layer(components);
49
49
  @import "./kol-components-styleguide.css" layer(components);
50
+ @import "./kol-components-shell.css" layer(components);
50
51
 
51
52
  /* Theme-level design tokens */
52
53
  @layer components {
package/kol-typography.css CHANGED
@@ -2,13 +2,12 @@
2
2
  * KOL Typography — Right Grotesk family
3
3
  *
4
4
  * Loaded cuts: Right Grotesk (display, regular width), Compact, Tall, Wide,
5
- * Narrow, Spatial, Tight, Text (text-optical grade), Text Compact,
6
- * Text Spatial, Text Wide, Mono.
5
+ * Narrow, Spatial, Tight. Mono loads in kol-typography-mono.css.
7
6
  *
8
7
  * PP weight convention: Fine 100 · Light 300 · Regular 400 · Medium 500 ·
9
8
  * Dark 600 · Bold 700 · Black 900.
10
9
  *
11
- * Files at /fonts/Right-Grotesk*\/*.woff2.
10
+ * Files at /fonts/right-grotesk/*.woff2.
12
11
  *
13
12
  * Type-scale tokens at :root below; consumed by display/heading/text/helper
14
13
  * classes. Retune sizes in one place.
@@ -26,98 +25,98 @@
26
25
  /* ── Right Grotesk ── */
27
26
  @font-face {
28
27
  font-family: "Right Grotesk";
29
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-FineItalic.woff2") format("woff2");
28
+ src: url("/fonts/right-grotesk/PPRightGrotesk-FineItalic.woff2") format("woff2");
30
29
  font-weight: 100;
31
30
  font-style: italic;
32
31
  font-display: swap;
33
32
  }
34
33
  @font-face {
35
34
  font-family: "Right Grotesk";
36
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Fine.woff2") format("woff2");
35
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Fine.woff2") format("woff2");
37
36
  font-weight: 100;
38
37
  font-style: normal;
39
38
  font-display: swap;
40
39
  }
41
40
  @font-face {
42
41
  font-family: "Right Grotesk";
43
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-LightItalic.woff2") format("woff2");
42
+ src: url("/fonts/right-grotesk/PPRightGrotesk-LightItalic.woff2") format("woff2");
44
43
  font-weight: 300;
45
44
  font-style: italic;
46
45
  font-display: swap;
47
46
  }
48
47
  @font-face {
49
48
  font-family: "Right Grotesk";
50
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Light.woff2") format("woff2");
49
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Light.woff2") format("woff2");
51
50
  font-weight: 300;
52
51
  font-style: normal;
53
52
  font-display: swap;
54
53
  }
55
54
  @font-face {
56
55
  font-family: "Right Grotesk";
57
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-RegularItalic.woff2") format("woff2");
56
+ src: url("/fonts/right-grotesk/PPRightGrotesk-RegularItalic.woff2") format("woff2");
58
57
  font-weight: 400;
59
58
  font-style: italic;
60
59
  font-display: swap;
61
60
  }
62
61
  @font-face {
63
62
  font-family: "Right Grotesk";
64
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Regular.woff2") format("woff2");
63
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Regular.woff2") format("woff2");
65
64
  font-weight: 400;
66
65
  font-style: normal;
67
66
  font-display: swap;
68
67
  }
69
68
  @font-face {
70
69
  font-family: "Right Grotesk";
71
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-MediumItalic.woff2") format("woff2");
70
+ src: url("/fonts/right-grotesk/PPRightGrotesk-MediumItalic.woff2") format("woff2");
72
71
  font-weight: 500;
73
72
  font-style: italic;
74
73
  font-display: swap;
75
74
  }
76
75
  @font-face {
77
76
  font-family: "Right Grotesk";
78
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Medium.woff2") format("woff2");
77
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Medium.woff2") format("woff2");
79
78
  font-weight: 500;
80
79
  font-style: normal;
81
80
  font-display: swap;
82
81
  }
83
82
  @font-face {
84
83
  font-family: "Right Grotesk";
85
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-DarkItalic.woff2") format("woff2");
84
+ src: url("/fonts/right-grotesk/PPRightGrotesk-DarkItalic.woff2") format("woff2");
86
85
  font-weight: 600;
87
86
  font-style: italic;
88
87
  font-display: swap;
89
88
  }
90
89
  @font-face {
91
90
  font-family: "Right Grotesk";
92
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Dark.woff2") format("woff2");
91
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Dark.woff2") format("woff2");
93
92
  font-weight: 600;
94
93
  font-style: normal;
95
94
  font-display: swap;
96
95
  }
97
96
  @font-face {
98
97
  font-family: "Right Grotesk";
99
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-BoldItalic.woff2") format("woff2");
98
+ src: url("/fonts/right-grotesk/PPRightGrotesk-BoldItalic.woff2") format("woff2");
100
99
  font-weight: 700;
101
100
  font-style: italic;
102
101
  font-display: swap;
103
102
  }
104
103
  @font-face {
105
104
  font-family: "Right Grotesk";
106
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Bold.woff2") format("woff2");
105
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Bold.woff2") format("woff2");
107
106
  font-weight: 700;
108
107
  font-style: normal;
109
108
  font-display: swap;
110
109
  }
111
110
  @font-face {
112
111
  font-family: "Right Grotesk";
113
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-BlackItalic.woff2") format("woff2");
112
+ src: url("/fonts/right-grotesk/PPRightGrotesk-BlackItalic.woff2") format("woff2");
114
113
  font-weight: 900;
115
114
  font-style: italic;
116
115
  font-display: swap;
117
116
  }
118
117
  @font-face {
119
118
  font-family: "Right Grotesk";
120
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-Black.woff2") format("woff2");
119
+ src: url("/fonts/right-grotesk/PPRightGrotesk-Black.woff2") format("woff2");
121
120
  font-weight: 900;
122
121
  font-style: normal;
123
122
  font-display: swap;
@@ -126,98 +125,98 @@
126
125
  /* ── Right Grotesk Compact ── */
127
126
  @font-face {
128
127
  font-family: "Right Grotesk Compact";
129
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactFineItalic.woff2") format("woff2");
128
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactFineItalic.woff2") format("woff2");
130
129
  font-weight: 100;
131
130
  font-style: italic;
132
131
  font-display: swap;
133
132
  }
134
133
  @font-face {
135
134
  font-family: "Right Grotesk Compact";
136
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactFine.woff2") format("woff2");
135
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactFine.woff2") format("woff2");
137
136
  font-weight: 100;
138
137
  font-style: normal;
139
138
  font-display: swap;
140
139
  }
141
140
  @font-face {
142
141
  font-family: "Right Grotesk Compact";
143
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactLightItalic.woff2") format("woff2");
142
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactLightItalic.woff2") format("woff2");
144
143
  font-weight: 300;
145
144
  font-style: italic;
146
145
  font-display: swap;
147
146
  }
148
147
  @font-face {
149
148
  font-family: "Right Grotesk Compact";
150
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactLight.woff2") format("woff2");
149
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactLight.woff2") format("woff2");
151
150
  font-weight: 300;
152
151
  font-style: normal;
153
152
  font-display: swap;
154
153
  }
155
154
  @font-face {
156
155
  font-family: "Right Grotesk Compact";
157
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactRegularItalic.woff2") format("woff2");
156
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactRegularItalic.woff2") format("woff2");
158
157
  font-weight: 400;
159
158
  font-style: italic;
160
159
  font-display: swap;
161
160
  }
162
161
  @font-face {
163
162
  font-family: "Right Grotesk Compact";
164
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactRegular.woff2") format("woff2");
163
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactRegular.woff2") format("woff2");
165
164
  font-weight: 400;
166
165
  font-style: normal;
167
166
  font-display: swap;
168
167
  }
169
168
  @font-face {
170
169
  font-family: "Right Grotesk Compact";
171
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactMediumItalic.woff2") format("woff2");
170
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactMediumItalic.woff2") format("woff2");
172
171
  font-weight: 500;
173
172
  font-style: italic;
174
173
  font-display: swap;
175
174
  }
176
175
  @font-face {
177
176
  font-family: "Right Grotesk Compact";
178
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactMedium.woff2") format("woff2");
177
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactMedium.woff2") format("woff2");
179
178
  font-weight: 500;
180
179
  font-style: normal;
181
180
  font-display: swap;
182
181
  }
183
182
  @font-face {
184
183
  font-family: "Right Grotesk Compact";
185
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactDarkItalic.woff2") format("woff2");
184
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactDarkItalic.woff2") format("woff2");
186
185
  font-weight: 600;
187
186
  font-style: italic;
188
187
  font-display: swap;
189
188
  }
190
189
  @font-face {
191
190
  font-family: "Right Grotesk Compact";
192
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactDark.woff2") format("woff2");
191
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactDark.woff2") format("woff2");
193
192
  font-weight: 600;
194
193
  font-style: normal;
195
194
  font-display: swap;
196
195
  }
197
196
  @font-face {
198
197
  font-family: "Right Grotesk Compact";
199
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactBoldItalic.woff2") format("woff2");
198
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactBoldItalic.woff2") format("woff2");
200
199
  font-weight: 700;
201
200
  font-style: italic;
202
201
  font-display: swap;
203
202
  }
204
203
  @font-face {
205
204
  font-family: "Right Grotesk Compact";
206
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactBold.woff2") format("woff2");
205
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactBold.woff2") format("woff2");
207
206
  font-weight: 700;
208
207
  font-style: normal;
209
208
  font-display: swap;
210
209
  }
211
210
  @font-face {
212
211
  font-family: "Right Grotesk Compact";
213
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactBlackItalic.woff2") format("woff2");
212
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactBlackItalic.woff2") format("woff2");
214
213
  font-weight: 900;
215
214
  font-style: italic;
216
215
  font-display: swap;
217
216
  }
218
217
  @font-face {
219
218
  font-family: "Right Grotesk Compact";
220
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-CompactBlack.woff2") format("woff2");
219
+ src: url("/fonts/right-grotesk/PPRightGrotesk-CompactBlack.woff2") format("woff2");
221
220
  font-weight: 900;
222
221
  font-style: normal;
223
222
  font-display: swap;
@@ -226,98 +225,98 @@
226
225
  /* ── Right Grotesk Narrow ── */
227
226
  @font-face {
228
227
  font-family: "Right Grotesk Narrow";
229
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowFineItalic.woff2") format("woff2");
228
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowFineItalic.woff2") format("woff2");
230
229
  font-weight: 100;
231
230
  font-style: italic;
232
231
  font-display: swap;
233
232
  }
234
233
  @font-face {
235
234
  font-family: "Right Grotesk Narrow";
236
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowFine.woff2") format("woff2");
235
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowFine.woff2") format("woff2");
237
236
  font-weight: 100;
238
237
  font-style: normal;
239
238
  font-display: swap;
240
239
  }
241
240
  @font-face {
242
241
  font-family: "Right Grotesk Narrow";
243
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowLightItalic.woff2") format("woff2");
242
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowLightItalic.woff2") format("woff2");
244
243
  font-weight: 300;
245
244
  font-style: italic;
246
245
  font-display: swap;
247
246
  }
248
247
  @font-face {
249
248
  font-family: "Right Grotesk Narrow";
250
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowLight.woff2") format("woff2");
249
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowLight.woff2") format("woff2");
251
250
  font-weight: 300;
252
251
  font-style: normal;
253
252
  font-display: swap;
254
253
  }
255
254
  @font-face {
256
255
  font-family: "Right Grotesk Narrow";
257
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowRegularItalic.woff2") format("woff2");
256
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowRegularItalic.woff2") format("woff2");
258
257
  font-weight: 400;
259
258
  font-style: italic;
260
259
  font-display: swap;
261
260
  }
262
261
  @font-face {
263
262
  font-family: "Right Grotesk Narrow";
264
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowRegular.woff2") format("woff2");
263
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowRegular.woff2") format("woff2");
265
264
  font-weight: 400;
266
265
  font-style: normal;
267
266
  font-display: swap;
268
267
  }
269
268
  @font-face {
270
269
  font-family: "Right Grotesk Narrow";
271
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowMediumItalic.woff2") format("woff2");
270
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowMediumItalic.woff2") format("woff2");
272
271
  font-weight: 500;
273
272
  font-style: italic;
274
273
  font-display: swap;
275
274
  }
276
275
  @font-face {
277
276
  font-family: "Right Grotesk Narrow";
278
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowMedium.woff2") format("woff2");
277
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowMedium.woff2") format("woff2");
279
278
  font-weight: 500;
280
279
  font-style: normal;
281
280
  font-display: swap;
282
281
  }
283
282
  @font-face {
284
283
  font-family: "Right Grotesk Narrow";
285
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowDarkItalic.woff2") format("woff2");
284
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowDarkItalic.woff2") format("woff2");
286
285
  font-weight: 600;
287
286
  font-style: italic;
288
287
  font-display: swap;
289
288
  }
290
289
  @font-face {
291
290
  font-family: "Right Grotesk Narrow";
292
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowDark.woff2") format("woff2");
291
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowDark.woff2") format("woff2");
293
292
  font-weight: 600;
294
293
  font-style: normal;
295
294
  font-display: swap;
296
295
  }
297
296
  @font-face {
298
297
  font-family: "Right Grotesk Narrow";
299
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowBoldItalic.woff2") format("woff2");
298
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowBoldItalic.woff2") format("woff2");
300
299
  font-weight: 700;
301
300
  font-style: italic;
302
301
  font-display: swap;
303
302
  }
304
303
  @font-face {
305
304
  font-family: "Right Grotesk Narrow";
306
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowBold.woff2") format("woff2");
305
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowBold.woff2") format("woff2");
307
306
  font-weight: 700;
308
307
  font-style: normal;
309
308
  font-display: swap;
310
309
  }
311
310
  @font-face {
312
311
  font-family: "Right Grotesk Narrow";
313
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowBlackItalic.woff2") format("woff2");
312
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowBlackItalic.woff2") format("woff2");
314
313
  font-weight: 900;
315
314
  font-style: italic;
316
315
  font-display: swap;
317
316
  }
318
317
  @font-face {
319
318
  font-family: "Right Grotesk Narrow";
320
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-NarrowBlack.woff2") format("woff2");
319
+ src: url("/fonts/right-grotesk/PPRightGrotesk-NarrowBlack.woff2") format("woff2");
321
320
  font-weight: 900;
322
321
  font-style: normal;
323
322
  font-display: swap;
@@ -326,98 +325,98 @@
326
325
  /* ── Right Grotesk Tall ── */
327
326
  @font-face {
328
327
  font-family: "Right Grotesk Tall";
329
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallFineItalic.woff2") format("woff2");
328
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallFineItalic.woff2") format("woff2");
330
329
  font-weight: 100;
331
330
  font-style: italic;
332
331
  font-display: swap;
333
332
  }
334
333
  @font-face {
335
334
  font-family: "Right Grotesk Tall";
336
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallFine.woff2") format("woff2");
335
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallFine.woff2") format("woff2");
337
336
  font-weight: 100;
338
337
  font-style: normal;
339
338
  font-display: swap;
340
339
  }
341
340
  @font-face {
342
341
  font-family: "Right Grotesk Tall";
343
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallLightItalic.woff2") format("woff2");
342
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallLightItalic.woff2") format("woff2");
344
343
  font-weight: 300;
345
344
  font-style: italic;
346
345
  font-display: swap;
347
346
  }
348
347
  @font-face {
349
348
  font-family: "Right Grotesk Tall";
350
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallLight.woff2") format("woff2");
349
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallLight.woff2") format("woff2");
351
350
  font-weight: 300;
352
351
  font-style: normal;
353
352
  font-display: swap;
354
353
  }
355
354
  @font-face {
356
355
  font-family: "Right Grotesk Tall";
357
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallRegularItalic.woff2") format("woff2");
356
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallRegularItalic.woff2") format("woff2");
358
357
  font-weight: 400;
359
358
  font-style: italic;
360
359
  font-display: swap;
361
360
  }
362
361
  @font-face {
363
362
  font-family: "Right Grotesk Tall";
364
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallRegular.woff2") format("woff2");
363
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallRegular.woff2") format("woff2");
365
364
  font-weight: 400;
366
365
  font-style: normal;
367
366
  font-display: swap;
368
367
  }
369
368
  @font-face {
370
369
  font-family: "Right Grotesk Tall";
371
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallMediumItalic.woff2") format("woff2");
370
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallMediumItalic.woff2") format("woff2");
372
371
  font-weight: 500;
373
372
  font-style: italic;
374
373
  font-display: swap;
375
374
  }
376
375
  @font-face {
377
376
  font-family: "Right Grotesk Tall";
378
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallMedium.woff2") format("woff2");
377
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallMedium.woff2") format("woff2");
379
378
  font-weight: 500;
380
379
  font-style: normal;
381
380
  font-display: swap;
382
381
  }
383
382
  @font-face {
384
383
  font-family: "Right Grotesk Tall";
385
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallDarkItalic.woff2") format("woff2");
384
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallDarkItalic.woff2") format("woff2");
386
385
  font-weight: 600;
387
386
  font-style: italic;
388
387
  font-display: swap;
389
388
  }
390
389
  @font-face {
391
390
  font-family: "Right Grotesk Tall";
392
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallDark.woff2") format("woff2");
391
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallDark.woff2") format("woff2");
393
392
  font-weight: 600;
394
393
  font-style: normal;
395
394
  font-display: swap;
396
395
  }
397
396
  @font-face {
398
397
  font-family: "Right Grotesk Tall";
399
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallBoldItalic.woff2") format("woff2");
398
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallBoldItalic.woff2") format("woff2");
400
399
  font-weight: 700;
401
400
  font-style: italic;
402
401
  font-display: swap;
403
402
  }
404
403
  @font-face {
405
404
  font-family: "Right Grotesk Tall";
406
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallBold.woff2") format("woff2");
405
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallBold.woff2") format("woff2");
407
406
  font-weight: 700;
408
407
  font-style: normal;
409
408
  font-display: swap;
410
409
  }
411
410
  @font-face {
412
411
  font-family: "Right Grotesk Tall";
413
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallBlackItalic.woff2") format("woff2");
412
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallBlackItalic.woff2") format("woff2");
414
413
  font-weight: 900;
415
414
  font-style: italic;
416
415
  font-display: swap;
417
416
  }
418
417
  @font-face {
419
418
  font-family: "Right Grotesk Tall";
420
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TallBlack.woff2") format("woff2");
419
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TallBlack.woff2") format("woff2");
421
420
  font-weight: 900;
422
421
  font-style: normal;
423
422
  font-display: swap;
@@ -426,98 +425,98 @@
426
425
  /* ── Right Grotesk Wide ── */
427
426
  @font-face {
428
427
  font-family: "Right Grotesk Wide";
429
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideFineItalic.woff2") format("woff2");
428
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideFineItalic.woff2") format("woff2");
430
429
  font-weight: 100;
431
430
  font-style: italic;
432
431
  font-display: swap;
433
432
  }
434
433
  @font-face {
435
434
  font-family: "Right Grotesk Wide";
436
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideFine.woff2") format("woff2");
435
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideFine.woff2") format("woff2");
437
436
  font-weight: 100;
438
437
  font-style: normal;
439
438
  font-display: swap;
440
439
  }
441
440
  @font-face {
442
441
  font-family: "Right Grotesk Wide";
443
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideLightItalic.woff2") format("woff2");
442
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideLightItalic.woff2") format("woff2");
444
443
  font-weight: 300;
445
444
  font-style: italic;
446
445
  font-display: swap;
447
446
  }
448
447
  @font-face {
449
448
  font-family: "Right Grotesk Wide";
450
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideLight.woff2") format("woff2");
449
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideLight.woff2") format("woff2");
451
450
  font-weight: 300;
452
451
  font-style: normal;
453
452
  font-display: swap;
454
453
  }
455
454
  @font-face {
456
455
  font-family: "Right Grotesk Wide";
457
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideRegularItalic.woff2") format("woff2");
456
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideRegularItalic.woff2") format("woff2");
458
457
  font-weight: 400;
459
458
  font-style: italic;
460
459
  font-display: swap;
461
460
  }
462
461
  @font-face {
463
462
  font-family: "Right Grotesk Wide";
464
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideRegular.woff2") format("woff2");
463
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideRegular.woff2") format("woff2");
465
464
  font-weight: 400;
466
465
  font-style: normal;
467
466
  font-display: swap;
468
467
  }
469
468
  @font-face {
470
469
  font-family: "Right Grotesk Wide";
471
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideMediumItalic.woff2") format("woff2");
470
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideMediumItalic.woff2") format("woff2");
472
471
  font-weight: 500;
473
472
  font-style: italic;
474
473
  font-display: swap;
475
474
  }
476
475
  @font-face {
477
476
  font-family: "Right Grotesk Wide";
478
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideMedium.woff2") format("woff2");
477
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideMedium.woff2") format("woff2");
479
478
  font-weight: 500;
480
479
  font-style: normal;
481
480
  font-display: swap;
482
481
  }
483
482
  @font-face {
484
483
  font-family: "Right Grotesk Wide";
485
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideDarkItalic.woff2") format("woff2");
484
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideDarkItalic.woff2") format("woff2");
486
485
  font-weight: 600;
487
486
  font-style: italic;
488
487
  font-display: swap;
489
488
  }
490
489
  @font-face {
491
490
  font-family: "Right Grotesk Wide";
492
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideDark.woff2") format("woff2");
491
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideDark.woff2") format("woff2");
493
492
  font-weight: 600;
494
493
  font-style: normal;
495
494
  font-display: swap;
496
495
  }
497
496
  @font-face {
498
497
  font-family: "Right Grotesk Wide";
499
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideBoldItalic.woff2") format("woff2");
498
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideBoldItalic.woff2") format("woff2");
500
499
  font-weight: 700;
501
500
  font-style: italic;
502
501
  font-display: swap;
503
502
  }
504
503
  @font-face {
505
504
  font-family: "Right Grotesk Wide";
506
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideBold.woff2") format("woff2");
505
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideBold.woff2") format("woff2");
507
506
  font-weight: 700;
508
507
  font-style: normal;
509
508
  font-display: swap;
510
509
  }
511
510
  @font-face {
512
511
  font-family: "Right Grotesk Wide";
513
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideBlackItalic.woff2") format("woff2");
512
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideBlackItalic.woff2") format("woff2");
514
513
  font-weight: 900;
515
514
  font-style: italic;
516
515
  font-display: swap;
517
516
  }
518
517
  @font-face {
519
518
  font-family: "Right Grotesk Wide";
520
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-WideBlack.woff2") format("woff2");
519
+ src: url("/fonts/right-grotesk/PPRightGrotesk-WideBlack.woff2") format("woff2");
521
520
  font-weight: 900;
522
521
  font-style: normal;
523
522
  font-display: swap;
@@ -526,98 +525,98 @@
526
525
  /* ── Right Grotesk Spatial ── */
527
526
  @font-face {
528
527
  font-family: "Right Grotesk Spatial";
529
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialFineItalic.woff2") format("woff2");
528
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialFineItalic.woff2") format("woff2");
530
529
  font-weight: 100;
531
530
  font-style: italic;
532
531
  font-display: swap;
533
532
  }
534
533
  @font-face {
535
534
  font-family: "Right Grotesk Spatial";
536
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialFine.woff2") format("woff2");
535
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialFine.woff2") format("woff2");
537
536
  font-weight: 100;
538
537
  font-style: normal;
539
538
  font-display: swap;
540
539
  }
541
540
  @font-face {
542
541
  font-family: "Right Grotesk Spatial";
543
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialLightItalic.woff2") format("woff2");
542
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialLightItalic.woff2") format("woff2");
544
543
  font-weight: 300;
545
544
  font-style: italic;
546
545
  font-display: swap;
547
546
  }
548
547
  @font-face {
549
548
  font-family: "Right Grotesk Spatial";
550
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialLight.woff2") format("woff2");
549
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialLight.woff2") format("woff2");
551
550
  font-weight: 300;
552
551
  font-style: normal;
553
552
  font-display: swap;
554
553
  }
555
554
  @font-face {
556
555
  font-family: "Right Grotesk Spatial";
557
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialRegularItalic.woff2") format("woff2");
556
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialRegularItalic.woff2") format("woff2");
558
557
  font-weight: 400;
559
558
  font-style: italic;
560
559
  font-display: swap;
561
560
  }
562
561
  @font-face {
563
562
  font-family: "Right Grotesk Spatial";
564
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialRegular.woff2") format("woff2");
563
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialRegular.woff2") format("woff2");
565
564
  font-weight: 400;
566
565
  font-style: normal;
567
566
  font-display: swap;
568
567
  }
569
568
  @font-face {
570
569
  font-family: "Right Grotesk Spatial";
571
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialMediumItalic.woff2") format("woff2");
570
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialMediumItalic.woff2") format("woff2");
572
571
  font-weight: 500;
573
572
  font-style: italic;
574
573
  font-display: swap;
575
574
  }
576
575
  @font-face {
577
576
  font-family: "Right Grotesk Spatial";
578
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialMedium.woff2") format("woff2");
577
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialMedium.woff2") format("woff2");
579
578
  font-weight: 500;
580
579
  font-style: normal;
581
580
  font-display: swap;
582
581
  }
583
582
  @font-face {
584
583
  font-family: "Right Grotesk Spatial";
585
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialDarkItalic.woff2") format("woff2");
584
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialDarkItalic.woff2") format("woff2");
586
585
  font-weight: 600;
587
586
  font-style: italic;
588
587
  font-display: swap;
589
588
  }
590
589
  @font-face {
591
590
  font-family: "Right Grotesk Spatial";
592
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialDark.woff2") format("woff2");
591
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialDark.woff2") format("woff2");
593
592
  font-weight: 600;
594
593
  font-style: normal;
595
594
  font-display: swap;
596
595
  }
597
596
  @font-face {
598
597
  font-family: "Right Grotesk Spatial";
599
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialBoldItalic.woff2") format("woff2");
598
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialBoldItalic.woff2") format("woff2");
600
599
  font-weight: 700;
601
600
  font-style: italic;
602
601
  font-display: swap;
603
602
  }
604
603
  @font-face {
605
604
  font-family: "Right Grotesk Spatial";
606
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialBold.woff2") format("woff2");
605
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialBold.woff2") format("woff2");
607
606
  font-weight: 700;
608
607
  font-style: normal;
609
608
  font-display: swap;
610
609
  }
611
610
  @font-face {
612
611
  font-family: "Right Grotesk Spatial";
613
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialBlackItalic.woff2") format("woff2");
612
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialBlackItalic.woff2") format("woff2");
614
613
  font-weight: 900;
615
614
  font-style: italic;
616
615
  font-display: swap;
617
616
  }
618
617
  @font-face {
619
618
  font-family: "Right Grotesk Spatial";
620
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-SpatialBlack.woff2") format("woff2");
619
+ src: url("/fonts/right-grotesk/PPRightGrotesk-SpatialBlack.woff2") format("woff2");
621
620
  font-weight: 900;
622
621
  font-style: normal;
623
622
  font-display: swap;
@@ -626,119 +625,103 @@
626
625
  /* ── Right Grotesk Tight ── */
627
626
  @font-face {
628
627
  font-family: "Right Grotesk Tight";
629
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightFineItalic.woff2") format("woff2");
628
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightFineItalic.woff2") format("woff2");
630
629
  font-weight: 100;
631
630
  font-style: italic;
632
631
  font-display: swap;
633
632
  }
634
633
  @font-face {
635
634
  font-family: "Right Grotesk Tight";
636
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightFine.woff2") format("woff2");
635
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightFine.woff2") format("woff2");
637
636
  font-weight: 100;
638
637
  font-style: normal;
639
638
  font-display: swap;
640
639
  }
641
640
  @font-face {
642
641
  font-family: "Right Grotesk Tight";
643
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightLightItalic.woff2") format("woff2");
642
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightLightItalic.woff2") format("woff2");
644
643
  font-weight: 300;
645
644
  font-style: italic;
646
645
  font-display: swap;
647
646
  }
648
647
  @font-face {
649
648
  font-family: "Right Grotesk Tight";
650
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightLight.woff2") format("woff2");
649
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightLight.woff2") format("woff2");
651
650
  font-weight: 300;
652
651
  font-style: normal;
653
652
  font-display: swap;
654
653
  }
655
654
  @font-face {
656
655
  font-family: "Right Grotesk Tight";
657
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightRegularItalic.woff2") format("woff2");
656
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightRegularItalic.woff2") format("woff2");
658
657
  font-weight: 400;
659
658
  font-style: italic;
660
659
  font-display: swap;
661
660
  }
662
661
  @font-face {
663
662
  font-family: "Right Grotesk Tight";
664
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightRegular.woff2") format("woff2");
663
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightRegular.woff2") format("woff2");
665
664
  font-weight: 400;
666
665
  font-style: normal;
667
666
  font-display: swap;
668
667
  }
669
668
  @font-face {
670
669
  font-family: "Right Grotesk Tight";
671
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightMediumItalic.woff2") format("woff2");
670
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightMediumItalic.woff2") format("woff2");
672
671
  font-weight: 500;
673
672
  font-style: italic;
674
673
  font-display: swap;
675
674
  }
676
675
  @font-face {
677
676
  font-family: "Right Grotesk Tight";
678
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightMedium.woff2") format("woff2");
677
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightMedium.woff2") format("woff2");
679
678
  font-weight: 500;
680
679
  font-style: normal;
681
680
  font-display: swap;
682
681
  }
683
682
  @font-face {
684
683
  font-family: "Right Grotesk Tight";
685
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightDarkItalic.woff2") format("woff2");
684
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightDarkItalic.woff2") format("woff2");
686
685
  font-weight: 600;
687
686
  font-style: italic;
688
687
  font-display: swap;
689
688
  }
690
689
  @font-face {
691
690
  font-family: "Right Grotesk Tight";
692
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightDark.woff2") format("woff2");
691
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightDark.woff2") format("woff2");
693
692
  font-weight: 600;
694
693
  font-style: normal;
695
694
  font-display: swap;
696
695
  }
697
696
  @font-face {
698
697
  font-family: "Right Grotesk Tight";
699
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightBoldItalic.woff2") format("woff2");
698
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightBoldItalic.woff2") format("woff2");
700
699
  font-weight: 700;
701
700
  font-style: italic;
702
701
  font-display: swap;
703
702
  }
704
703
  @font-face {
705
704
  font-family: "Right Grotesk Tight";
706
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightBold.woff2") format("woff2");
705
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightBold.woff2") format("woff2");
707
706
  font-weight: 700;
708
707
  font-style: normal;
709
708
  font-display: swap;
710
709
  }
711
710
  @font-face {
712
711
  font-family: "Right Grotesk Tight";
713
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightBlackItalic.woff2") format("woff2");
712
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightBlackItalic.woff2") format("woff2");
714
713
  font-weight: 900;
715
714
  font-style: italic;
716
715
  font-display: swap;
717
716
  }
718
717
  @font-face {
719
718
  font-family: "Right Grotesk Tight";
720
- src: url("/fonts/Right-Grotesk/PPRightGrotesk-TightBlack.woff2") format("woff2");
719
+ src: url("/fonts/right-grotesk/PPRightGrotesk-TightBlack.woff2") format("woff2");
721
720
  font-weight: 900;
722
721
  font-style: normal;
723
722
  font-display: swap;
724
723
  }
725
724
 
726
- /* ── Right Grotesk Text ── */
727
- @font-face {
728
- font-family: "Right Grotesk Text";
729
- src: url("/fonts/Right-Grotesk-Text/PPRightGroteskText-RegularItalic.woff2") format("woff2");
730
- font-weight: 400;
731
- font-style: italic;
732
- font-display: swap;
733
- }
734
- @font-face {
735
- font-family: "Right Grotesk Text";
736
- src: url("/fonts/Right-Grotesk-Text/PPRightGroteskText-Regular.woff2") format("woff2");
737
- font-weight: 400;
738
- font-style: normal;
739
- font-display: swap;
740
- }
741
-
742
725
  /* =============================================================================
743
726
  * ROOT VARIABLES
744
727
  * ============================================================================= */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.40.0",
3
+ "version": "0.41.0",
4
4
  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
5
5
  "license": "MIT",
6
6
  "type": "module",