@datatechsolutions/tympan-tokens 0.4.1 → 0.4.2

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 (15) hide show
  1. package/dist/contrast-report.md +95 -95
  2. package/dist/dtcg/astrlabe.dark-high.tokens.json +99 -43
  3. package/dist/dtcg/astrlabe.dark.tokens.json +137 -81
  4. package/dist/dtcg/astrlabe.light-high.tokens.json +146 -33
  5. package/dist/dtcg/astrlabe.light.tokens.json +211 -98
  6. package/dist/index.d.ts +28 -3
  7. package/dist/index.js +209 -20
  8. package/dist/index.js.map +1 -1
  9. package/dist/tokens.css +247 -124
  10. package/dist/tokens.json +124 -66
  11. package/dist/values.js +124 -66
  12. package/package.json +1 -1
  13. package/src/presets.ts +115 -16
  14. package/src/stylesheet.ts +5 -0
  15. package/src/theme.ts +35 -5
package/dist/tokens.css CHANGED
@@ -2077,14 +2077,14 @@
2077
2077
  color-scheme: light;
2078
2078
  --ty-bg: #f8fafc;
2079
2079
  --ty-surface: rgb(255 255 255 / 0.72);
2080
- --ty-surface-raised: rgb(255 255 255 / 0.9);
2080
+ --ty-surface-raised: rgb(255 255 255 / 0.86);
2081
2081
  --ty-surface-solid: #ffffff;
2082
2082
  --ty-surface-raised-solid: #ffffff;
2083
- --ty-surface-sunken: #f1f5f9;
2083
+ --ty-surface-sunken: #f2f3fa;
2084
2084
  --ty-ink: #0f172a;
2085
- --ty-ink-2: #334155;
2086
- --ty-ink-3: #4d5a6b;
2087
- --ty-line: rgb(148 163 184 / 0.3);
2085
+ --ty-ink-2: #475569;
2086
+ --ty-ink-3: #5b6779;
2087
+ --ty-line: rgb(148 163 184 / 0.26);
2088
2088
  --ty-line-soft: rgb(95 115 143 / 0.12);
2089
2089
  --ty-line-strong: rgb(100 116 139 / 0.45);
2090
2090
  --ty-input: #6d829e;
@@ -2099,9 +2099,9 @@
2099
2099
  --ty-on-cta: #f9faff;
2100
2100
  --ty-secondary: rgb(251 253 255 / 0.7);
2101
2101
  --ty-on-secondary: #0c192a;
2102
- --ty-backdrop: rgb(10 22 40 / 0.4);
2103
- --ty-ambient-1: rgb(142 154 255 / 0.07);
2104
- --ty-ambient-2: rgb(78 188 235 / 0.05);
2102
+ --ty-backdrop: rgb(15 23 42 / 0.4);
2103
+ --ty-ambient-1: rgb(167 139 250 / 0.05);
2104
+ --ty-ambient-2: rgb(56 189 248 / 0.03);
2105
2105
  --ty-danger: #be123c;
2106
2106
  --ty-danger-soft: rgb(222 59 61 / 0.1);
2107
2107
  --ty-on-danger-soft: #a30018;
@@ -2118,7 +2118,7 @@
2118
2118
  --ty-info-soft: rgb(65 136 182 / 0.1);
2119
2119
  --ty-on-info-soft: #085b87;
2120
2120
  --ty-on-info: #f8fafe;
2121
- --ty-neutral: #4d5a6b;
2121
+ --ty-neutral: #5b6779;
2122
2122
  --ty-neutral-soft: rgb(113 129 152 / 0.1);
2123
2123
  --ty-on-neutral-soft: #47566c;
2124
2124
  --ty-on-neutral: #f8fafe;
@@ -2130,10 +2130,10 @@
2130
2130
  --ty-chart-6: #765ebb;
2131
2131
  --ty-chart-7: #008479;
2132
2132
  --ty-chart-8: #b05315;
2133
- --ty-on-bg: #334155;
2134
- --ty-on-surface: #334155;
2135
- --ty-on-surface-raised: #334155;
2136
- --ty-on-surface-sunken: #334155;
2133
+ --ty-on-bg: #475569;
2134
+ --ty-on-surface: #475569;
2135
+ --ty-on-surface-raised: #475569;
2136
+ --ty-on-surface-sunken: #475569;
2137
2137
  --ty-proof-proved: #00672d;
2138
2138
  --ty-proof-proved-soft: rgb(19 153 72 / 0.1);
2139
2139
  --ty-proof-pending: #774a00;
@@ -2142,19 +2142,19 @@
2142
2142
  --ty-proof-refuted-soft: rgb(222 59 61 / 0.1);
2143
2143
  --ty-proof-not-disclosed: #47566c;
2144
2144
  --ty-proof-not-disclosed-soft: rgb(113 129 152 / 0.1);
2145
- --ty-proof-none: #4d5a6b;
2145
+ --ty-proof-none: #5b6779;
2146
2146
  --ty-proof-none-soft: rgb(113 129 152 / 0.1);
2147
2147
  --ty-actor-person: #4144a3;
2148
2148
  --ty-actor-person-soft: rgb(99 102 241 / 0.12);
2149
- --ty-actor-agent: #334155;
2149
+ --ty-actor-agent: #475569;
2150
2150
  --ty-actor-agent-soft: rgb(113 129 152 / 0.1);
2151
- --ty-actor-system: #4d5a6b;
2151
+ --ty-actor-system: #5b6779;
2152
2152
  --ty-actor-system-soft: rgb(113 129 152 / 0.1);
2153
2153
  --ty-nav-bg: rgb(255 255 255 / 0.72);
2154
- --ty-on-nav: #334155;
2154
+ --ty-on-nav: #475569;
2155
2155
  --ty-nav-active: rgb(99 102 241 / 0.12);
2156
2156
  --ty-on-nav-active: #4144a3;
2157
- --ty-nav-line: rgb(148 163 184 / 0.3);
2157
+ --ty-nav-line: rgb(148 163 184 / 0.26);
2158
2158
  --ty-accent: #4f46e5;
2159
2159
  --ty-accent-strong: #4338ca;
2160
2160
  --ty-accent-soft: rgb(99 102 241 / 0.12);
@@ -2236,15 +2236,15 @@
2236
2236
  --ty-info-800: #174b6b;
2237
2237
  --ty-info-900: #103850;
2238
2238
  --ty-info-950: #072638;
2239
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
2240
- --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
2241
- --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
2242
- --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
2243
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
2239
+ --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
2240
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
2241
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
2242
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
2243
+ --ty-shadow-sheet-inset: inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04);
2244
2244
  --ty-radius: 12px;
2245
2245
  --ty-radius-control: 12px;
2246
- --ty-radius-card: 19px;
2247
- --ty-radius-sheet: 29px;
2246
+ --ty-radius-card: 20px;
2247
+ --ty-radius-sheet: 24px;
2248
2248
  --ty-radius-pill: 999px;
2249
2249
  --ty-radius-agent: 7px;
2250
2250
  --ty-focus-width: 2px;
@@ -2254,21 +2254,39 @@
2254
2254
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2255
2255
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2256
2256
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
2257
+ --ty-font-size-display: 30px;
2258
+ --ty-font-line-height-display: 36px;
2259
+ --ty-font-size-h1: 24px;
2260
+ --ty-font-line-height-h1: 32px;
2261
+ --ty-font-size-h2: 18px;
2262
+ --ty-font-line-height-h2: 28px;
2263
+ --ty-font-size-h3: 16px;
2264
+ --ty-font-line-height-h3: 24px;
2265
+ --ty-font-size-label: 14px;
2266
+ --ty-font-line-height-label: 20px;
2267
+ --ty-font-tracking-h1: -0.025em;
2268
+ --ty-glass-edge: rgb(255 255 255 / 0.9) rgb(200 200 210 / 0.3) rgb(200 200 210 / 0.25) rgb(255 255 255 / 0.7);
2269
+ --ty-glass-edge-width: 1.5px;
2270
+ --ty-glass-highlight: inset 0 1px 2px 0 rgb(255 255 255 / 0.8), inset 0 -1px 2px 0 rgb(0 0 0 / 0.05);
2271
+ --ty-glass-fill: linear-gradient(135deg, rgb(255 255 255 / 0.8) 0%, rgb(220 225 240 / 0.62) 40%, rgb(240 245 255 / 0.68) 70%, rgb(255 255 255 / 0.8) 100%);
2272
+ --ty-glass-fill-raised: linear-gradient(135deg, rgb(255 255 255 / 0.86) 0%, rgb(215 220 238 / 0.7) 40%, rgb(235 240 255 / 0.76) 70%, rgb(255 255 255 / 0.86) 100%);
2273
+ --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
2274
+ --ty-wordmark-gradient: linear-gradient(90deg, #0369a1, #4338ca, #7e22ce);
2257
2275
  }
2258
2276
 
2259
2277
  @media (prefers-color-scheme: dark) {
2260
2278
  [data-ty-theme="astrlabe"]:not([data-ty-mode="light"]) {
2261
2279
  color-scheme: dark;
2262
- --ty-bg: #0b1220;
2263
- --ty-surface: rgb(30 41 59 / 0.72);
2264
- --ty-surface-raised: rgb(30 41 59 / 0.92);
2280
+ --ty-bg: #020617;
2281
+ --ty-surface: rgb(30 41 59 / 0.7);
2282
+ --ty-surface-raised: rgb(30 41 59 / 0.78);
2265
2283
  --ty-surface-solid: #131c2f;
2266
2284
  --ty-surface-raised-solid: #1b2539;
2267
2285
  --ty-surface-sunken: #0b1222;
2268
- --ty-ink: #f8fafc;
2286
+ --ty-ink: #ffffff;
2269
2287
  --ty-ink-2: #cbd5e1;
2270
- --ty-ink-3: #a3b0c0;
2271
- --ty-line: rgb(148 163 184 / 0.22);
2288
+ --ty-ink-3: #94a3b8;
2289
+ --ty-line: rgb(148 163 184 / 0.24);
2272
2290
  --ty-line-soft: rgb(163 185 216 / 0.09);
2273
2291
  --ty-line-strong: rgb(148 163 184 / 0.36);
2274
2292
  --ty-input: #687c98;
@@ -2283,9 +2301,9 @@
2283
2301
  --ty-on-cta: #f9faff;
2284
2302
  --ty-secondary: rgb(37 40 44 / 0.6);
2285
2303
  --ty-on-secondary: #e7f1ff;
2286
- --ty-backdrop: rgb(0 3 14 / 0.6);
2287
- --ty-ambient-1: rgb(142 154 255 / 0.12);
2288
- --ty-ambient-2: rgb(78 188 235 / 0.08);
2304
+ --ty-backdrop: rgb(0 0 0 / 0.5);
2305
+ --ty-ambient-1: rgb(124 58 237 / 0.1);
2306
+ --ty-ambient-2: rgb(2 132 199 / 0.08);
2289
2307
  --ty-danger: #fb7185;
2290
2308
  --ty-danger-soft: rgb(255 99 95 / 0.14);
2291
2309
  --ty-on-danger-soft: #ffa098;
@@ -2302,7 +2320,7 @@
2302
2320
  --ty-info-soft: rgb(96 167 214 / 0.14);
2303
2321
  --ty-on-info-soft: #80c7f8;
2304
2322
  --ty-on-info: #101214;
2305
- --ty-neutral: #a3b0c0;
2323
+ --ty-neutral: #94a3b8;
2306
2324
  --ty-neutral-soft: rgb(143 160 184 / 0.14);
2307
2325
  --ty-on-neutral-soft: #aebfd8;
2308
2326
  --ty-on-neutral: #101214;
@@ -2326,19 +2344,19 @@
2326
2344
  --ty-proof-refuted-soft: rgb(255 99 95 / 0.14);
2327
2345
  --ty-proof-not-disclosed: #aebfd8;
2328
2346
  --ty-proof-not-disclosed-soft: rgb(143 160 184 / 0.14);
2329
- --ty-proof-none: #a3b0c0;
2347
+ --ty-proof-none: #94a3b8;
2330
2348
  --ty-proof-none-soft: rgb(143 160 184 / 0.14);
2331
2349
  --ty-actor-person: #b5bfff;
2332
2350
  --ty-actor-person-soft: rgb(99 102 241 / 0.2);
2333
2351
  --ty-actor-agent: #cbd5e1;
2334
2352
  --ty-actor-agent-soft: rgb(143 160 184 / 0.14);
2335
- --ty-actor-system: #a3b0c0;
2353
+ --ty-actor-system: #94a3b8;
2336
2354
  --ty-actor-system-soft: rgb(143 160 184 / 0.14);
2337
- --ty-nav-bg: rgb(30 41 59 / 0.72);
2355
+ --ty-nav-bg: rgb(30 41 59 / 0.7);
2338
2356
  --ty-on-nav: #cbd5e1;
2339
2357
  --ty-nav-active: rgb(99 102 241 / 0.2);
2340
2358
  --ty-on-nav-active: #b5bfff;
2341
- --ty-nav-line: rgb(148 163 184 / 0.22);
2359
+ --ty-nav-line: rgb(148 163 184 / 0.24);
2342
2360
  --ty-accent: #818cf8;
2343
2361
  --ty-accent-strong: #a5b4fc;
2344
2362
  --ty-accent-soft: rgb(99 102 241 / 0.2);
@@ -2420,24 +2438,42 @@
2420
2438
  --ty-info-800: #174b6b;
2421
2439
  --ty-info-900: #103850;
2422
2440
  --ty-info-950: #072638;
2423
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
2424
- --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
2425
- --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
2426
- --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
2427
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
2441
+ --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
2442
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
2443
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
2444
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
2445
+ --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
2428
2446
  --ty-radius: 12px;
2429
2447
  --ty-radius-control: 12px;
2430
- --ty-radius-card: 19px;
2431
- --ty-radius-sheet: 29px;
2448
+ --ty-radius-card: 20px;
2449
+ --ty-radius-sheet: 24px;
2432
2450
  --ty-radius-pill: 999px;
2433
2451
  --ty-radius-agent: 7px;
2434
2452
  --ty-focus-width: 2px;
2435
2453
  --ty-glass-blur-sheet: 20px;
2436
2454
  --ty-glass-blur-floating: 24px;
2437
- --ty-glass-saturate: 1.15;
2455
+ --ty-glass-saturate: 1.5;
2438
2456
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2439
2457
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2440
2458
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
2459
+ --ty-font-size-display: 30px;
2460
+ --ty-font-line-height-display: 36px;
2461
+ --ty-font-size-h1: 24px;
2462
+ --ty-font-line-height-h1: 32px;
2463
+ --ty-font-size-h2: 18px;
2464
+ --ty-font-line-height-h2: 28px;
2465
+ --ty-font-size-h3: 16px;
2466
+ --ty-font-line-height-h3: 24px;
2467
+ --ty-font-size-label: 14px;
2468
+ --ty-font-line-height-label: 20px;
2469
+ --ty-font-tracking-h1: -0.025em;
2470
+ --ty-glass-edge: rgb(255 255 255 / 0.2) rgb(255 255 255 / 0.06) rgb(255 255 255 / 0.04) rgb(255 255 255 / 0.12);
2471
+ --ty-glass-edge-width: 1.5px;
2472
+ --ty-glass-highlight: inset 0 1px 1px 0 rgb(255 255 255 / 0.15);
2473
+ --ty-glass-fill: linear-gradient(140deg, rgb(30 41 59 / 0.7) 0%, rgb(15 23 42 / 0.6) 45%, rgb(20 30 50 / 0.55) 100%);
2474
+ --ty-glass-fill-raised: linear-gradient(140deg, rgb(30 41 59 / 0.78) 0%, rgb(15 23 42 / 0.68) 45%, rgb(20 30 50 / 0.62) 100%);
2475
+ --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
2476
+ --ty-wordmark-gradient: linear-gradient(90deg, #38bdf8, #818cf8, #a855f7);
2441
2477
  }
2442
2478
  }
2443
2479
 
@@ -2445,16 +2481,16 @@
2445
2481
  [data-ty-theme="astrlabe"] [data-ty-mode="dark"],
2446
2482
  [data-ty-mode="dark"] [data-ty-theme="astrlabe"] {
2447
2483
  color-scheme: dark;
2448
- --ty-bg: #0b1220;
2449
- --ty-surface: rgb(30 41 59 / 0.72);
2450
- --ty-surface-raised: rgb(30 41 59 / 0.92);
2484
+ --ty-bg: #020617;
2485
+ --ty-surface: rgb(30 41 59 / 0.7);
2486
+ --ty-surface-raised: rgb(30 41 59 / 0.78);
2451
2487
  --ty-surface-solid: #131c2f;
2452
2488
  --ty-surface-raised-solid: #1b2539;
2453
2489
  --ty-surface-sunken: #0b1222;
2454
- --ty-ink: #f8fafc;
2490
+ --ty-ink: #ffffff;
2455
2491
  --ty-ink-2: #cbd5e1;
2456
- --ty-ink-3: #a3b0c0;
2457
- --ty-line: rgb(148 163 184 / 0.22);
2492
+ --ty-ink-3: #94a3b8;
2493
+ --ty-line: rgb(148 163 184 / 0.24);
2458
2494
  --ty-line-soft: rgb(163 185 216 / 0.09);
2459
2495
  --ty-line-strong: rgb(148 163 184 / 0.36);
2460
2496
  --ty-input: #687c98;
@@ -2469,9 +2505,9 @@
2469
2505
  --ty-on-cta: #f9faff;
2470
2506
  --ty-secondary: rgb(37 40 44 / 0.6);
2471
2507
  --ty-on-secondary: #e7f1ff;
2472
- --ty-backdrop: rgb(0 3 14 / 0.6);
2473
- --ty-ambient-1: rgb(142 154 255 / 0.12);
2474
- --ty-ambient-2: rgb(78 188 235 / 0.08);
2508
+ --ty-backdrop: rgb(0 0 0 / 0.5);
2509
+ --ty-ambient-1: rgb(124 58 237 / 0.1);
2510
+ --ty-ambient-2: rgb(2 132 199 / 0.08);
2475
2511
  --ty-danger: #fb7185;
2476
2512
  --ty-danger-soft: rgb(255 99 95 / 0.14);
2477
2513
  --ty-on-danger-soft: #ffa098;
@@ -2488,7 +2524,7 @@
2488
2524
  --ty-info-soft: rgb(96 167 214 / 0.14);
2489
2525
  --ty-on-info-soft: #80c7f8;
2490
2526
  --ty-on-info: #101214;
2491
- --ty-neutral: #a3b0c0;
2527
+ --ty-neutral: #94a3b8;
2492
2528
  --ty-neutral-soft: rgb(143 160 184 / 0.14);
2493
2529
  --ty-on-neutral-soft: #aebfd8;
2494
2530
  --ty-on-neutral: #101214;
@@ -2512,19 +2548,19 @@
2512
2548
  --ty-proof-refuted-soft: rgb(255 99 95 / 0.14);
2513
2549
  --ty-proof-not-disclosed: #aebfd8;
2514
2550
  --ty-proof-not-disclosed-soft: rgb(143 160 184 / 0.14);
2515
- --ty-proof-none: #a3b0c0;
2551
+ --ty-proof-none: #94a3b8;
2516
2552
  --ty-proof-none-soft: rgb(143 160 184 / 0.14);
2517
2553
  --ty-actor-person: #b5bfff;
2518
2554
  --ty-actor-person-soft: rgb(99 102 241 / 0.2);
2519
2555
  --ty-actor-agent: #cbd5e1;
2520
2556
  --ty-actor-agent-soft: rgb(143 160 184 / 0.14);
2521
- --ty-actor-system: #a3b0c0;
2557
+ --ty-actor-system: #94a3b8;
2522
2558
  --ty-actor-system-soft: rgb(143 160 184 / 0.14);
2523
- --ty-nav-bg: rgb(30 41 59 / 0.72);
2559
+ --ty-nav-bg: rgb(30 41 59 / 0.7);
2524
2560
  --ty-on-nav: #cbd5e1;
2525
2561
  --ty-nav-active: rgb(99 102 241 / 0.2);
2526
2562
  --ty-on-nav-active: #b5bfff;
2527
- --ty-nav-line: rgb(148 163 184 / 0.22);
2563
+ --ty-nav-line: rgb(148 163 184 / 0.24);
2528
2564
  --ty-accent: #818cf8;
2529
2565
  --ty-accent-strong: #a5b4fc;
2530
2566
  --ty-accent-soft: rgb(99 102 241 / 0.2);
@@ -2606,24 +2642,42 @@
2606
2642
  --ty-info-800: #174b6b;
2607
2643
  --ty-info-900: #103850;
2608
2644
  --ty-info-950: #072638;
2609
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
2610
- --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
2611
- --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
2612
- --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
2613
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
2645
+ --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
2646
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
2647
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
2648
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
2649
+ --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
2614
2650
  --ty-radius: 12px;
2615
2651
  --ty-radius-control: 12px;
2616
- --ty-radius-card: 19px;
2617
- --ty-radius-sheet: 29px;
2652
+ --ty-radius-card: 20px;
2653
+ --ty-radius-sheet: 24px;
2618
2654
  --ty-radius-pill: 999px;
2619
2655
  --ty-radius-agent: 7px;
2620
2656
  --ty-focus-width: 2px;
2621
2657
  --ty-glass-blur-sheet: 20px;
2622
2658
  --ty-glass-blur-floating: 24px;
2623
- --ty-glass-saturate: 1.15;
2659
+ --ty-glass-saturate: 1.5;
2624
2660
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2625
2661
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2626
2662
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
2663
+ --ty-font-size-display: 30px;
2664
+ --ty-font-line-height-display: 36px;
2665
+ --ty-font-size-h1: 24px;
2666
+ --ty-font-line-height-h1: 32px;
2667
+ --ty-font-size-h2: 18px;
2668
+ --ty-font-line-height-h2: 28px;
2669
+ --ty-font-size-h3: 16px;
2670
+ --ty-font-line-height-h3: 24px;
2671
+ --ty-font-size-label: 14px;
2672
+ --ty-font-line-height-label: 20px;
2673
+ --ty-font-tracking-h1: -0.025em;
2674
+ --ty-glass-edge: rgb(255 255 255 / 0.2) rgb(255 255 255 / 0.06) rgb(255 255 255 / 0.04) rgb(255 255 255 / 0.12);
2675
+ --ty-glass-edge-width: 1.5px;
2676
+ --ty-glass-highlight: inset 0 1px 1px 0 rgb(255 255 255 / 0.15);
2677
+ --ty-glass-fill: linear-gradient(140deg, rgb(30 41 59 / 0.7) 0%, rgb(15 23 42 / 0.6) 45%, rgb(20 30 50 / 0.55) 100%);
2678
+ --ty-glass-fill-raised: linear-gradient(140deg, rgb(30 41 59 / 0.78) 0%, rgb(15 23 42 / 0.68) 45%, rgb(20 30 50 / 0.62) 100%);
2679
+ --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
2680
+ --ty-wordmark-gradient: linear-gradient(90deg, #38bdf8, #818cf8, #a855f7);
2627
2681
  }
2628
2682
 
2629
2683
  [data-ty-theme="astrlabe"][data-ty-mode="light"],
@@ -2631,14 +2685,14 @@
2631
2685
  color-scheme: light;
2632
2686
  --ty-bg: #f8fafc;
2633
2687
  --ty-surface: rgb(255 255 255 / 0.72);
2634
- --ty-surface-raised: rgb(255 255 255 / 0.9);
2688
+ --ty-surface-raised: rgb(255 255 255 / 0.86);
2635
2689
  --ty-surface-solid: #ffffff;
2636
2690
  --ty-surface-raised-solid: #ffffff;
2637
- --ty-surface-sunken: #f1f5f9;
2691
+ --ty-surface-sunken: #f2f3fa;
2638
2692
  --ty-ink: #0f172a;
2639
- --ty-ink-2: #334155;
2640
- --ty-ink-3: #4d5a6b;
2641
- --ty-line: rgb(148 163 184 / 0.3);
2693
+ --ty-ink-2: #475569;
2694
+ --ty-ink-3: #5b6779;
2695
+ --ty-line: rgb(148 163 184 / 0.26);
2642
2696
  --ty-line-soft: rgb(95 115 143 / 0.12);
2643
2697
  --ty-line-strong: rgb(100 116 139 / 0.45);
2644
2698
  --ty-input: #6d829e;
@@ -2653,9 +2707,9 @@
2653
2707
  --ty-on-cta: #f9faff;
2654
2708
  --ty-secondary: rgb(251 253 255 / 0.7);
2655
2709
  --ty-on-secondary: #0c192a;
2656
- --ty-backdrop: rgb(10 22 40 / 0.4);
2657
- --ty-ambient-1: rgb(142 154 255 / 0.07);
2658
- --ty-ambient-2: rgb(78 188 235 / 0.05);
2710
+ --ty-backdrop: rgb(15 23 42 / 0.4);
2711
+ --ty-ambient-1: rgb(167 139 250 / 0.05);
2712
+ --ty-ambient-2: rgb(56 189 248 / 0.03);
2659
2713
  --ty-danger: #be123c;
2660
2714
  --ty-danger-soft: rgb(222 59 61 / 0.1);
2661
2715
  --ty-on-danger-soft: #a30018;
@@ -2672,7 +2726,7 @@
2672
2726
  --ty-info-soft: rgb(65 136 182 / 0.1);
2673
2727
  --ty-on-info-soft: #085b87;
2674
2728
  --ty-on-info: #f8fafe;
2675
- --ty-neutral: #4d5a6b;
2729
+ --ty-neutral: #5b6779;
2676
2730
  --ty-neutral-soft: rgb(113 129 152 / 0.1);
2677
2731
  --ty-on-neutral-soft: #47566c;
2678
2732
  --ty-on-neutral: #f8fafe;
@@ -2684,10 +2738,10 @@
2684
2738
  --ty-chart-6: #765ebb;
2685
2739
  --ty-chart-7: #008479;
2686
2740
  --ty-chart-8: #b05315;
2687
- --ty-on-bg: #334155;
2688
- --ty-on-surface: #334155;
2689
- --ty-on-surface-raised: #334155;
2690
- --ty-on-surface-sunken: #334155;
2741
+ --ty-on-bg: #475569;
2742
+ --ty-on-surface: #475569;
2743
+ --ty-on-surface-raised: #475569;
2744
+ --ty-on-surface-sunken: #475569;
2691
2745
  --ty-proof-proved: #00672d;
2692
2746
  --ty-proof-proved-soft: rgb(19 153 72 / 0.1);
2693
2747
  --ty-proof-pending: #774a00;
@@ -2696,19 +2750,19 @@
2696
2750
  --ty-proof-refuted-soft: rgb(222 59 61 / 0.1);
2697
2751
  --ty-proof-not-disclosed: #47566c;
2698
2752
  --ty-proof-not-disclosed-soft: rgb(113 129 152 / 0.1);
2699
- --ty-proof-none: #4d5a6b;
2753
+ --ty-proof-none: #5b6779;
2700
2754
  --ty-proof-none-soft: rgb(113 129 152 / 0.1);
2701
2755
  --ty-actor-person: #4144a3;
2702
2756
  --ty-actor-person-soft: rgb(99 102 241 / 0.12);
2703
- --ty-actor-agent: #334155;
2757
+ --ty-actor-agent: #475569;
2704
2758
  --ty-actor-agent-soft: rgb(113 129 152 / 0.1);
2705
- --ty-actor-system: #4d5a6b;
2759
+ --ty-actor-system: #5b6779;
2706
2760
  --ty-actor-system-soft: rgb(113 129 152 / 0.1);
2707
2761
  --ty-nav-bg: rgb(255 255 255 / 0.72);
2708
- --ty-on-nav: #334155;
2762
+ --ty-on-nav: #475569;
2709
2763
  --ty-nav-active: rgb(99 102 241 / 0.12);
2710
2764
  --ty-on-nav-active: #4144a3;
2711
- --ty-nav-line: rgb(148 163 184 / 0.3);
2765
+ --ty-nav-line: rgb(148 163 184 / 0.26);
2712
2766
  --ty-accent: #4f46e5;
2713
2767
  --ty-accent-strong: #4338ca;
2714
2768
  --ty-accent-soft: rgb(99 102 241 / 0.12);
@@ -2790,15 +2844,15 @@
2790
2844
  --ty-info-800: #174b6b;
2791
2845
  --ty-info-900: #103850;
2792
2846
  --ty-info-950: #072638;
2793
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
2794
- --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
2795
- --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
2796
- --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
2797
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
2847
+ --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
2848
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
2849
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
2850
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
2851
+ --ty-shadow-sheet-inset: inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04);
2798
2852
  --ty-radius: 12px;
2799
2853
  --ty-radius-control: 12px;
2800
- --ty-radius-card: 19px;
2801
- --ty-radius-sheet: 29px;
2854
+ --ty-radius-card: 20px;
2855
+ --ty-radius-sheet: 24px;
2802
2856
  --ty-radius-pill: 999px;
2803
2857
  --ty-radius-agent: 7px;
2804
2858
  --ty-focus-width: 2px;
@@ -2808,6 +2862,24 @@
2808
2862
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2809
2863
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
2810
2864
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
2865
+ --ty-font-size-display: 30px;
2866
+ --ty-font-line-height-display: 36px;
2867
+ --ty-font-size-h1: 24px;
2868
+ --ty-font-line-height-h1: 32px;
2869
+ --ty-font-size-h2: 18px;
2870
+ --ty-font-line-height-h2: 28px;
2871
+ --ty-font-size-h3: 16px;
2872
+ --ty-font-line-height-h3: 24px;
2873
+ --ty-font-size-label: 14px;
2874
+ --ty-font-line-height-label: 20px;
2875
+ --ty-font-tracking-h1: -0.025em;
2876
+ --ty-glass-edge: rgb(255 255 255 / 0.9) rgb(200 200 210 / 0.3) rgb(200 200 210 / 0.25) rgb(255 255 255 / 0.7);
2877
+ --ty-glass-edge-width: 1.5px;
2878
+ --ty-glass-highlight: inset 0 1px 2px 0 rgb(255 255 255 / 0.8), inset 0 -1px 2px 0 rgb(0 0 0 / 0.05);
2879
+ --ty-glass-fill: linear-gradient(135deg, rgb(255 255 255 / 0.8) 0%, rgb(220 225 240 / 0.62) 40%, rgb(240 245 255 / 0.68) 70%, rgb(255 255 255 / 0.8) 100%);
2880
+ --ty-glass-fill-raised: linear-gradient(135deg, rgb(255 255 255 / 0.86) 0%, rgb(215 220 238 / 0.7) 40%, rgb(235 240 255 / 0.76) 70%, rgb(255 255 255 / 0.86) 100%);
2881
+ --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
2882
+ --ty-wordmark-gradient: linear-gradient(90deg, #0369a1, #4338ca, #7e22ce);
2811
2883
  }
2812
2884
 
2813
2885
  /* theme: astrlabe-controle */
@@ -6627,15 +6699,15 @@
6627
6699
  --ty-info-800: #174b6b;
6628
6700
  --ty-info-900: #103850;
6629
6701
  --ty-info-950: #072638;
6630
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
6631
- --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
6632
- --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
6633
- --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
6634
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
6702
+ --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
6703
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
6704
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
6705
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
6706
+ --ty-shadow-sheet-inset: inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04);
6635
6707
  --ty-radius: 12px;
6636
6708
  --ty-radius-control: 12px;
6637
- --ty-radius-card: 19px;
6638
- --ty-radius-sheet: 29px;
6709
+ --ty-radius-card: 20px;
6710
+ --ty-radius-sheet: 24px;
6639
6711
  --ty-radius-pill: 999px;
6640
6712
  --ty-radius-agent: 7px;
6641
6713
  --ty-focus-width: 3px;
@@ -6645,6 +6717,17 @@
6645
6717
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
6646
6718
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
6647
6719
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
6720
+ --ty-font-size-display: 30px;
6721
+ --ty-font-line-height-display: 36px;
6722
+ --ty-font-size-h1: 24px;
6723
+ --ty-font-line-height-h1: 32px;
6724
+ --ty-font-size-h2: 18px;
6725
+ --ty-font-line-height-h2: 28px;
6726
+ --ty-font-size-h3: 16px;
6727
+ --ty-font-line-height-h3: 24px;
6728
+ --ty-font-size-label: 14px;
6729
+ --ty-font-line-height-label: 20px;
6730
+ --ty-font-tracking-h1: -0.025em;
6648
6731
  }
6649
6732
 
6650
6733
  @media (prefers-color-scheme: dark) {
@@ -6811,24 +6894,35 @@
6811
6894
  --ty-info-800: #174b6b;
6812
6895
  --ty-info-900: #103850;
6813
6896
  --ty-info-950: #072638;
6814
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
6815
- --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
6816
- --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
6817
- --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
6818
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
6897
+ --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
6898
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
6899
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
6900
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
6901
+ --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
6819
6902
  --ty-radius: 12px;
6820
6903
  --ty-radius-control: 12px;
6821
- --ty-radius-card: 19px;
6822
- --ty-radius-sheet: 29px;
6904
+ --ty-radius-card: 20px;
6905
+ --ty-radius-sheet: 24px;
6823
6906
  --ty-radius-pill: 999px;
6824
6907
  --ty-radius-agent: 7px;
6825
6908
  --ty-focus-width: 3px;
6826
6909
  --ty-glass-blur-sheet: 20px;
6827
6910
  --ty-glass-blur-floating: 24px;
6828
- --ty-glass-saturate: 1.15;
6911
+ --ty-glass-saturate: 1.5;
6829
6912
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
6830
6913
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
6831
6914
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
6915
+ --ty-font-size-display: 30px;
6916
+ --ty-font-line-height-display: 36px;
6917
+ --ty-font-size-h1: 24px;
6918
+ --ty-font-line-height-h1: 32px;
6919
+ --ty-font-size-h2: 18px;
6920
+ --ty-font-line-height-h2: 28px;
6921
+ --ty-font-size-h3: 16px;
6922
+ --ty-font-line-height-h3: 24px;
6923
+ --ty-font-size-label: 14px;
6924
+ --ty-font-line-height-label: 20px;
6925
+ --ty-font-tracking-h1: -0.025em;
6832
6926
  }
6833
6927
  }
6834
6928
 
@@ -6997,24 +7091,35 @@
6997
7091
  --ty-info-800: #174b6b;
6998
7092
  --ty-info-900: #103850;
6999
7093
  --ty-info-950: #072638;
7000
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
7001
- --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
7002
- --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
7003
- --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
7004
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
7094
+ --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
7095
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
7096
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
7097
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
7098
+ --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
7005
7099
  --ty-radius: 12px;
7006
7100
  --ty-radius-control: 12px;
7007
- --ty-radius-card: 19px;
7008
- --ty-radius-sheet: 29px;
7101
+ --ty-radius-card: 20px;
7102
+ --ty-radius-sheet: 24px;
7009
7103
  --ty-radius-pill: 999px;
7010
7104
  --ty-radius-agent: 7px;
7011
7105
  --ty-focus-width: 3px;
7012
7106
  --ty-glass-blur-sheet: 20px;
7013
7107
  --ty-glass-blur-floating: 24px;
7014
- --ty-glass-saturate: 1.15;
7108
+ --ty-glass-saturate: 1.5;
7015
7109
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
7016
7110
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
7017
7111
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
7112
+ --ty-font-size-display: 30px;
7113
+ --ty-font-line-height-display: 36px;
7114
+ --ty-font-size-h1: 24px;
7115
+ --ty-font-line-height-h1: 32px;
7116
+ --ty-font-size-h2: 18px;
7117
+ --ty-font-line-height-h2: 28px;
7118
+ --ty-font-size-h3: 16px;
7119
+ --ty-font-line-height-h3: 24px;
7120
+ --ty-font-size-label: 14px;
7121
+ --ty-font-line-height-label: 20px;
7122
+ --ty-font-tracking-h1: -0.025em;
7018
7123
  }
7019
7124
 
7020
7125
  [data-ty-theme="astrlabe"][data-ty-mode="light"],
@@ -7181,15 +7286,15 @@
7181
7286
  --ty-info-800: #174b6b;
7182
7287
  --ty-info-900: #103850;
7183
7288
  --ty-info-950: #072638;
7184
- --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
7185
- --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
7186
- --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
7187
- --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
7188
- --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
7289
+ --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
7290
+ --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
7291
+ --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
7292
+ --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
7293
+ --ty-shadow-sheet-inset: inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04);
7189
7294
  --ty-radius: 12px;
7190
7295
  --ty-radius-control: 12px;
7191
- --ty-radius-card: 19px;
7192
- --ty-radius-sheet: 29px;
7296
+ --ty-radius-card: 20px;
7297
+ --ty-radius-sheet: 24px;
7193
7298
  --ty-radius-pill: 999px;
7194
7299
  --ty-radius-agent: 7px;
7195
7300
  --ty-focus-width: 3px;
@@ -7199,6 +7304,17 @@
7199
7304
  --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
7200
7305
  --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
7201
7306
  --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
7307
+ --ty-font-size-display: 30px;
7308
+ --ty-font-line-height-display: 36px;
7309
+ --ty-font-size-h1: 24px;
7310
+ --ty-font-line-height-h1: 32px;
7311
+ --ty-font-size-h2: 18px;
7312
+ --ty-font-line-height-h2: 28px;
7313
+ --ty-font-size-h3: 16px;
7314
+ --ty-font-line-height-h3: 24px;
7315
+ --ty-font-size-label: 14px;
7316
+ --ty-font-line-height-label: 20px;
7317
+ --ty-font-tracking-h1: -0.025em;
7202
7318
  }
7203
7319
 
7204
7320
  [data-ty-theme="astrlabe-controle"],
@@ -8687,6 +8803,8 @@
8687
8803
  --ty-glass-blur-sheet: 0px !important;
8688
8804
  --ty-glass-blur-floating: 0px !important;
8689
8805
  --ty-glass-saturate: 1 !important;
8806
+ --ty-glass-fill: var(--ty-surface-solid) !important;
8807
+ --ty-glass-fill-raised: var(--ty-surface-raised-solid) !important;
8690
8808
  --ty-ambient-1: transparent !important;
8691
8809
  --ty-ambient-2: transparent !important;
8692
8810
  }
@@ -8702,6 +8820,8 @@
8702
8820
  --ty-glass-blur-sheet: 0px !important;
8703
8821
  --ty-glass-blur-floating: 0px !important;
8704
8822
  --ty-glass-saturate: 1 !important;
8823
+ --ty-glass-fill: var(--ty-surface-solid) !important;
8824
+ --ty-glass-fill-raised: var(--ty-surface-raised-solid) !important;
8705
8825
  --ty-ambient-1: transparent !important;
8706
8826
  --ty-ambient-2: transparent !important;
8707
8827
  }
@@ -8745,6 +8865,9 @@
8745
8865
  --ty-shadow-modal: none;
8746
8866
  --ty-glass-blur-sheet: 0px;
8747
8867
  --ty-glass-blur-floating: 0px;
8868
+ --ty-glass-edge: CanvasText;
8869
+ --ty-glass-fill: Canvas;
8870
+ --ty-glass-fill-raised: Canvas;
8748
8871
  }
8749
8872
  }
8750
8873
  }