@datatechsolutions/tympan-tokens 0.4.0 → 0.4.2

package/dist/tokens.css

@@ -1,3 +1,4 @@
+@import './fonts.css';
 /* @datatechsolutions/tympan-tokens (FSL-1.1-ALv2): generated by scripts/build.mjs from src/base/*.tokens.json, src/presets.ts and src/flow.ts. Do not edit. */
 @layer tympan.tokens {
   :root {
@@ -2076,14 +2077,14 @@
     color-scheme: light;
     --ty-bg: #f8fafc;
     --ty-surface: rgb(255 255 255 / 0.72);
-    --ty-surface-raised: rgb(255 255 255 / 0.9);
+    --ty-surface-raised: rgb(255 255 255 / 0.86);
     --ty-surface-solid: #ffffff;
     --ty-surface-raised-solid: #ffffff;
-    --ty-surface-sunken: #f1f5f9;
+    --ty-surface-sunken: #f2f3fa;
     --ty-ink: #0f172a;
-    --ty-ink-2: #334155;
-    --ty-ink-3: #4d5a6b;
-    --ty-line: rgb(148 163 184 / 0.3);
+    --ty-ink-2: #475569;
+    --ty-ink-3: #5b6779;
+    --ty-line: rgb(148 163 184 / 0.26);
     --ty-line-soft: rgb(95 115 143 / 0.12);
     --ty-line-strong: rgb(100 116 139 / 0.45);
     --ty-input: #6d829e;
@@ -2098,9 +2099,9 @@
     --ty-on-cta: #f9faff;
     --ty-secondary: rgb(251 253 255 / 0.7);
     --ty-on-secondary: #0c192a;
-    --ty-backdrop: rgb(10 22 40 / 0.4);
-    --ty-ambient-1: rgb(142 154 255 / 0.07);
-    --ty-ambient-2: rgb(78 188 235 / 0.05);
+    --ty-backdrop: rgb(15 23 42 / 0.4);
+    --ty-ambient-1: rgb(167 139 250 / 0.05);
+    --ty-ambient-2: rgb(56 189 248 / 0.03);
     --ty-danger: #be123c;
     --ty-danger-soft: rgb(222 59 61 / 0.1);
     --ty-on-danger-soft: #a30018;
@@ -2117,7 +2118,7 @@
     --ty-info-soft: rgb(65 136 182 / 0.1);
     --ty-on-info-soft: #085b87;
     --ty-on-info: #f8fafe;
-    --ty-neutral: #4d5a6b;
+    --ty-neutral: #5b6779;
     --ty-neutral-soft: rgb(113 129 152 / 0.1);
     --ty-on-neutral-soft: #47566c;
     --ty-on-neutral: #f8fafe;
@@ -2129,10 +2130,10 @@
     --ty-chart-6: #765ebb;
     --ty-chart-7: #008479;
     --ty-chart-8: #b05315;
-    --ty-on-bg: #334155;
-    --ty-on-surface: #334155;
-    --ty-on-surface-raised: #334155;
-    --ty-on-surface-sunken: #334155;
+    --ty-on-bg: #475569;
+    --ty-on-surface: #475569;
+    --ty-on-surface-raised: #475569;
+    --ty-on-surface-sunken: #475569;
     --ty-proof-proved: #00672d;
     --ty-proof-proved-soft: rgb(19 153 72 / 0.1);
     --ty-proof-pending: #774a00;
@@ -2141,19 +2142,19 @@
     --ty-proof-refuted-soft: rgb(222 59 61 / 0.1);
     --ty-proof-not-disclosed: #47566c;
     --ty-proof-not-disclosed-soft: rgb(113 129 152 / 0.1);
-    --ty-proof-none: #4d5a6b;
+    --ty-proof-none: #5b6779;
     --ty-proof-none-soft: rgb(113 129 152 / 0.1);
     --ty-actor-person: #4144a3;
     --ty-actor-person-soft: rgb(99 102 241 / 0.12);
-    --ty-actor-agent: #334155;
+    --ty-actor-agent: #475569;
     --ty-actor-agent-soft: rgb(113 129 152 / 0.1);
-    --ty-actor-system: #4d5a6b;
+    --ty-actor-system: #5b6779;
     --ty-actor-system-soft: rgb(113 129 152 / 0.1);
     --ty-nav-bg: rgb(255 255 255 / 0.72);
-    --ty-on-nav: #334155;
+    --ty-on-nav: #475569;
     --ty-nav-active: rgb(99 102 241 / 0.12);
     --ty-on-nav-active: #4144a3;
-    --ty-nav-line: rgb(148 163 184 / 0.3);
+    --ty-nav-line: rgb(148 163 184 / 0.26);
     --ty-accent: #4f46e5;
     --ty-accent-strong: #4338ca;
     --ty-accent-soft: rgb(99 102 241 / 0.12);
@@ -2235,15 +2236,15 @@
     --ty-info-800: #174b6b;
     --ty-info-900: #103850;
     --ty-info-950: #072638;
-    --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
-    --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
-    --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
-    --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
-    --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
+    --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
+    --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
+    --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
+    --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
+    --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);
     --ty-radius: 12px;
     --ty-radius-control: 12px;
-    --ty-radius-card: 19px;
-    --ty-radius-sheet: 29px;
+    --ty-radius-card: 20px;
+    --ty-radius-sheet: 24px;
     --ty-radius-pill: 999px;
     --ty-radius-agent: 7px;
     --ty-focus-width: 2px;
@@ -2253,21 +2254,39 @@
     --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    --ty-font-size-display: 30px;
+    --ty-font-line-height-display: 36px;
+    --ty-font-size-h1: 24px;
+    --ty-font-line-height-h1: 32px;
+    --ty-font-size-h2: 18px;
+    --ty-font-line-height-h2: 28px;
+    --ty-font-size-h3: 16px;
+    --ty-font-line-height-h3: 24px;
+    --ty-font-size-label: 14px;
+    --ty-font-line-height-label: 20px;
+    --ty-font-tracking-h1: -0.025em;
+    --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);
+    --ty-glass-edge-width: 1.5px;
+    --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);
+    --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%);
+    --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%);
+    --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
+    --ty-wordmark-gradient: linear-gradient(90deg, #0369a1, #4338ca, #7e22ce);
   }
 
   @media (prefers-color-scheme: dark) {
     [data-ty-theme="astrlabe"]:not([data-ty-mode="light"]) {
       color-scheme: dark;
-      --ty-bg: #0b1220;
-      --ty-surface: rgb(30 41 59 / 0.72);
-      --ty-surface-raised: rgb(30 41 59 / 0.92);
+      --ty-bg: #020617;
+      --ty-surface: rgb(30 41 59 / 0.7);
+      --ty-surface-raised: rgb(30 41 59 / 0.78);
       --ty-surface-solid: #131c2f;
       --ty-surface-raised-solid: #1b2539;
       --ty-surface-sunken: #0b1222;
-      --ty-ink: #f8fafc;
+      --ty-ink: #ffffff;
       --ty-ink-2: #cbd5e1;
-      --ty-ink-3: #a3b0c0;
-      --ty-line: rgb(148 163 184 / 0.22);
+      --ty-ink-3: #94a3b8;
+      --ty-line: rgb(148 163 184 / 0.24);
       --ty-line-soft: rgb(163 185 216 / 0.09);
       --ty-line-strong: rgb(148 163 184 / 0.36);
       --ty-input: #687c98;
@@ -2282,9 +2301,9 @@
       --ty-on-cta: #f9faff;
       --ty-secondary: rgb(37 40 44 / 0.6);
       --ty-on-secondary: #e7f1ff;
-      --ty-backdrop: rgb(0 3 14 / 0.6);
-      --ty-ambient-1: rgb(142 154 255 / 0.12);
-      --ty-ambient-2: rgb(78 188 235 / 0.08);
+      --ty-backdrop: rgb(0 0 0 / 0.5);
+      --ty-ambient-1: rgb(124 58 237 / 0.1);
+      --ty-ambient-2: rgb(2 132 199 / 0.08);
       --ty-danger: #fb7185;
       --ty-danger-soft: rgb(255 99 95 / 0.14);
       --ty-on-danger-soft: #ffa098;
@@ -2301,7 +2320,7 @@
       --ty-info-soft: rgb(96 167 214 / 0.14);
       --ty-on-info-soft: #80c7f8;
       --ty-on-info: #101214;
-      --ty-neutral: #a3b0c0;
+      --ty-neutral: #94a3b8;
       --ty-neutral-soft: rgb(143 160 184 / 0.14);
       --ty-on-neutral-soft: #aebfd8;
       --ty-on-neutral: #101214;
@@ -2325,19 +2344,19 @@
       --ty-proof-refuted-soft: rgb(255 99 95 / 0.14);
       --ty-proof-not-disclosed: #aebfd8;
       --ty-proof-not-disclosed-soft: rgb(143 160 184 / 0.14);
-      --ty-proof-none: #a3b0c0;
+      --ty-proof-none: #94a3b8;
       --ty-proof-none-soft: rgb(143 160 184 / 0.14);
       --ty-actor-person: #b5bfff;
       --ty-actor-person-soft: rgb(99 102 241 / 0.2);
       --ty-actor-agent: #cbd5e1;
       --ty-actor-agent-soft: rgb(143 160 184 / 0.14);
-      --ty-actor-system: #a3b0c0;
+      --ty-actor-system: #94a3b8;
       --ty-actor-system-soft: rgb(143 160 184 / 0.14);
-      --ty-nav-bg: rgb(30 41 59 / 0.72);
+      --ty-nav-bg: rgb(30 41 59 / 0.7);
       --ty-on-nav: #cbd5e1;
       --ty-nav-active: rgb(99 102 241 / 0.2);
       --ty-on-nav-active: #b5bfff;
-      --ty-nav-line: rgb(148 163 184 / 0.22);
+      --ty-nav-line: rgb(148 163 184 / 0.24);
       --ty-accent: #818cf8;
       --ty-accent-strong: #a5b4fc;
       --ty-accent-soft: rgb(99 102 241 / 0.2);
@@ -2419,24 +2438,42 @@
       --ty-info-800: #174b6b;
       --ty-info-900: #103850;
       --ty-info-950: #072638;
-      --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
-      --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
-      --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
-      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
-      --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
+      --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
+      --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
+      --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
+      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
+      --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
       --ty-radius: 12px;
       --ty-radius-control: 12px;
-      --ty-radius-card: 19px;
-      --ty-radius-sheet: 29px;
+      --ty-radius-card: 20px;
+      --ty-radius-sheet: 24px;
       --ty-radius-pill: 999px;
       --ty-radius-agent: 7px;
       --ty-focus-width: 2px;
       --ty-glass-blur-sheet: 20px;
       --ty-glass-blur-floating: 24px;
-      --ty-glass-saturate: 1.15;
+      --ty-glass-saturate: 1.5;
       --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      --ty-font-size-display: 30px;
+      --ty-font-line-height-display: 36px;
+      --ty-font-size-h1: 24px;
+      --ty-font-line-height-h1: 32px;
+      --ty-font-size-h2: 18px;
+      --ty-font-line-height-h2: 28px;
+      --ty-font-size-h3: 16px;
+      --ty-font-line-height-h3: 24px;
+      --ty-font-size-label: 14px;
+      --ty-font-line-height-label: 20px;
+      --ty-font-tracking-h1: -0.025em;
+      --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);
+      --ty-glass-edge-width: 1.5px;
+      --ty-glass-highlight: inset 0 1px 1px 0 rgb(255 255 255 / 0.15);
+      --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%);
+      --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%);
+      --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
+      --ty-wordmark-gradient: linear-gradient(90deg, #38bdf8, #818cf8, #a855f7);
     }
   }
 
@@ -2444,16 +2481,16 @@
   [data-ty-theme="astrlabe"] [data-ty-mode="dark"],
   [data-ty-mode="dark"] [data-ty-theme="astrlabe"] {
     color-scheme: dark;
-    --ty-bg: #0b1220;
-    --ty-surface: rgb(30 41 59 / 0.72);
-    --ty-surface-raised: rgb(30 41 59 / 0.92);
+    --ty-bg: #020617;
+    --ty-surface: rgb(30 41 59 / 0.7);
+    --ty-surface-raised: rgb(30 41 59 / 0.78);
     --ty-surface-solid: #131c2f;
     --ty-surface-raised-solid: #1b2539;
     --ty-surface-sunken: #0b1222;
-    --ty-ink: #f8fafc;
+    --ty-ink: #ffffff;
     --ty-ink-2: #cbd5e1;
-    --ty-ink-3: #a3b0c0;
-    --ty-line: rgb(148 163 184 / 0.22);
+    --ty-ink-3: #94a3b8;
+    --ty-line: rgb(148 163 184 / 0.24);
     --ty-line-soft: rgb(163 185 216 / 0.09);
     --ty-line-strong: rgb(148 163 184 / 0.36);
     --ty-input: #687c98;
@@ -2468,9 +2505,9 @@
     --ty-on-cta: #f9faff;
     --ty-secondary: rgb(37 40 44 / 0.6);
     --ty-on-secondary: #e7f1ff;
-    --ty-backdrop: rgb(0 3 14 / 0.6);
-    --ty-ambient-1: rgb(142 154 255 / 0.12);
-    --ty-ambient-2: rgb(78 188 235 / 0.08);
+    --ty-backdrop: rgb(0 0 0 / 0.5);
+    --ty-ambient-1: rgb(124 58 237 / 0.1);
+    --ty-ambient-2: rgb(2 132 199 / 0.08);
     --ty-danger: #fb7185;
     --ty-danger-soft: rgb(255 99 95 / 0.14);
     --ty-on-danger-soft: #ffa098;
@@ -2487,7 +2524,7 @@
     --ty-info-soft: rgb(96 167 214 / 0.14);
     --ty-on-info-soft: #80c7f8;
     --ty-on-info: #101214;
-    --ty-neutral: #a3b0c0;
+    --ty-neutral: #94a3b8;
     --ty-neutral-soft: rgb(143 160 184 / 0.14);
     --ty-on-neutral-soft: #aebfd8;
     --ty-on-neutral: #101214;
@@ -2511,19 +2548,19 @@
     --ty-proof-refuted-soft: rgb(255 99 95 / 0.14);
     --ty-proof-not-disclosed: #aebfd8;
     --ty-proof-not-disclosed-soft: rgb(143 160 184 / 0.14);
-    --ty-proof-none: #a3b0c0;
+    --ty-proof-none: #94a3b8;
     --ty-proof-none-soft: rgb(143 160 184 / 0.14);
     --ty-actor-person: #b5bfff;
     --ty-actor-person-soft: rgb(99 102 241 / 0.2);
     --ty-actor-agent: #cbd5e1;
     --ty-actor-agent-soft: rgb(143 160 184 / 0.14);
-    --ty-actor-system: #a3b0c0;
+    --ty-actor-system: #94a3b8;
     --ty-actor-system-soft: rgb(143 160 184 / 0.14);
-    --ty-nav-bg: rgb(30 41 59 / 0.72);
+    --ty-nav-bg: rgb(30 41 59 / 0.7);
     --ty-on-nav: #cbd5e1;
     --ty-nav-active: rgb(99 102 241 / 0.2);
     --ty-on-nav-active: #b5bfff;
-    --ty-nav-line: rgb(148 163 184 / 0.22);
+    --ty-nav-line: rgb(148 163 184 / 0.24);
     --ty-accent: #818cf8;
     --ty-accent-strong: #a5b4fc;
     --ty-accent-soft: rgb(99 102 241 / 0.2);
@@ -2605,24 +2642,42 @@
     --ty-info-800: #174b6b;
     --ty-info-900: #103850;
     --ty-info-950: #072638;
-    --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
-    --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
-    --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
-    --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
-    --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
+    --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
+    --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
+    --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
+    --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
+    --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
     --ty-radius: 12px;
     --ty-radius-control: 12px;
-    --ty-radius-card: 19px;
-    --ty-radius-sheet: 29px;
+    --ty-radius-card: 20px;
+    --ty-radius-sheet: 24px;
     --ty-radius-pill: 999px;
     --ty-radius-agent: 7px;
     --ty-focus-width: 2px;
     --ty-glass-blur-sheet: 20px;
     --ty-glass-blur-floating: 24px;
-    --ty-glass-saturate: 1.15;
+    --ty-glass-saturate: 1.5;
     --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    --ty-font-size-display: 30px;
+    --ty-font-line-height-display: 36px;
+    --ty-font-size-h1: 24px;
+    --ty-font-line-height-h1: 32px;
+    --ty-font-size-h2: 18px;
+    --ty-font-line-height-h2: 28px;
+    --ty-font-size-h3: 16px;
+    --ty-font-line-height-h3: 24px;
+    --ty-font-size-label: 14px;
+    --ty-font-line-height-label: 20px;
+    --ty-font-tracking-h1: -0.025em;
+    --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);
+    --ty-glass-edge-width: 1.5px;
+    --ty-glass-highlight: inset 0 1px 1px 0 rgb(255 255 255 / 0.15);
+    --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%);
+    --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%);
+    --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
+    --ty-wordmark-gradient: linear-gradient(90deg, #38bdf8, #818cf8, #a855f7);
   }
 
   [data-ty-theme="astrlabe"][data-ty-mode="light"],
@@ -2630,14 +2685,14 @@
     color-scheme: light;
     --ty-bg: #f8fafc;
     --ty-surface: rgb(255 255 255 / 0.72);
-    --ty-surface-raised: rgb(255 255 255 / 0.9);
+    --ty-surface-raised: rgb(255 255 255 / 0.86);
     --ty-surface-solid: #ffffff;
     --ty-surface-raised-solid: #ffffff;
-    --ty-surface-sunken: #f1f5f9;
+    --ty-surface-sunken: #f2f3fa;
     --ty-ink: #0f172a;
-    --ty-ink-2: #334155;
-    --ty-ink-3: #4d5a6b;
-    --ty-line: rgb(148 163 184 / 0.3);
+    --ty-ink-2: #475569;
+    --ty-ink-3: #5b6779;
+    --ty-line: rgb(148 163 184 / 0.26);
     --ty-line-soft: rgb(95 115 143 / 0.12);
     --ty-line-strong: rgb(100 116 139 / 0.45);
     --ty-input: #6d829e;
@@ -2652,9 +2707,9 @@
     --ty-on-cta: #f9faff;
     --ty-secondary: rgb(251 253 255 / 0.7);
     --ty-on-secondary: #0c192a;
-    --ty-backdrop: rgb(10 22 40 / 0.4);
-    --ty-ambient-1: rgb(142 154 255 / 0.07);
-    --ty-ambient-2: rgb(78 188 235 / 0.05);
+    --ty-backdrop: rgb(15 23 42 / 0.4);
+    --ty-ambient-1: rgb(167 139 250 / 0.05);
+    --ty-ambient-2: rgb(56 189 248 / 0.03);
     --ty-danger: #be123c;
     --ty-danger-soft: rgb(222 59 61 / 0.1);
     --ty-on-danger-soft: #a30018;
@@ -2671,7 +2726,7 @@
     --ty-info-soft: rgb(65 136 182 / 0.1);
     --ty-on-info-soft: #085b87;
     --ty-on-info: #f8fafe;
-    --ty-neutral: #4d5a6b;
+    --ty-neutral: #5b6779;
     --ty-neutral-soft: rgb(113 129 152 / 0.1);
     --ty-on-neutral-soft: #47566c;
     --ty-on-neutral: #f8fafe;
@@ -2683,10 +2738,10 @@
     --ty-chart-6: #765ebb;
     --ty-chart-7: #008479;
     --ty-chart-8: #b05315;
-    --ty-on-bg: #334155;
-    --ty-on-surface: #334155;
-    --ty-on-surface-raised: #334155;
-    --ty-on-surface-sunken: #334155;
+    --ty-on-bg: #475569;
+    --ty-on-surface: #475569;
+    --ty-on-surface-raised: #475569;
+    --ty-on-surface-sunken: #475569;
     --ty-proof-proved: #00672d;
     --ty-proof-proved-soft: rgb(19 153 72 / 0.1);
     --ty-proof-pending: #774a00;
@@ -2695,19 +2750,19 @@
     --ty-proof-refuted-soft: rgb(222 59 61 / 0.1);
     --ty-proof-not-disclosed: #47566c;
     --ty-proof-not-disclosed-soft: rgb(113 129 152 / 0.1);
-    --ty-proof-none: #4d5a6b;
+    --ty-proof-none: #5b6779;
     --ty-proof-none-soft: rgb(113 129 152 / 0.1);
     --ty-actor-person: #4144a3;
     --ty-actor-person-soft: rgb(99 102 241 / 0.12);
-    --ty-actor-agent: #334155;
+    --ty-actor-agent: #475569;
     --ty-actor-agent-soft: rgb(113 129 152 / 0.1);
-    --ty-actor-system: #4d5a6b;
+    --ty-actor-system: #5b6779;
     --ty-actor-system-soft: rgb(113 129 152 / 0.1);
     --ty-nav-bg: rgb(255 255 255 / 0.72);
-    --ty-on-nav: #334155;
+    --ty-on-nav: #475569;
     --ty-nav-active: rgb(99 102 241 / 0.12);
     --ty-on-nav-active: #4144a3;
-    --ty-nav-line: rgb(148 163 184 / 0.3);
+    --ty-nav-line: rgb(148 163 184 / 0.26);
     --ty-accent: #4f46e5;
     --ty-accent-strong: #4338ca;
     --ty-accent-soft: rgb(99 102 241 / 0.12);
@@ -2789,15 +2844,15 @@
     --ty-info-800: #174b6b;
     --ty-info-900: #103850;
     --ty-info-950: #072638;
-    --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
-    --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
-    --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
-    --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
-    --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
+    --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
+    --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
+    --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
+    --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
+    --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);
     --ty-radius: 12px;
     --ty-radius-control: 12px;
-    --ty-radius-card: 19px;
-    --ty-radius-sheet: 29px;
+    --ty-radius-card: 20px;
+    --ty-radius-sheet: 24px;
     --ty-radius-pill: 999px;
     --ty-radius-agent: 7px;
     --ty-focus-width: 2px;
@@ -2807,6 +2862,24 @@
     --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
     --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    --ty-font-size-display: 30px;
+    --ty-font-line-height-display: 36px;
+    --ty-font-size-h1: 24px;
+    --ty-font-line-height-h1: 32px;
+    --ty-font-size-h2: 18px;
+    --ty-font-line-height-h2: 28px;
+    --ty-font-size-h3: 16px;
+    --ty-font-line-height-h3: 24px;
+    --ty-font-size-label: 14px;
+    --ty-font-line-height-label: 20px;
+    --ty-font-tracking-h1: -0.025em;
+    --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);
+    --ty-glass-edge-width: 1.5px;
+    --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);
+    --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%);
+    --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%);
+    --ty-mark-gradient: linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%);
+    --ty-wordmark-gradient: linear-gradient(90deg, #0369a1, #4338ca, #7e22ce);
   }
 
   /* theme: astrlabe-controle */
@@ -6626,15 +6699,15 @@
       --ty-info-800: #174b6b;
       --ty-info-900: #103850;
       --ty-info-950: #072638;
-      --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
-      --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
-      --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
-      --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
-      --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
+      --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
+      --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
+      --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
+      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
+      --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);
       --ty-radius: 12px;
       --ty-radius-control: 12px;
-      --ty-radius-card: 19px;
-      --ty-radius-sheet: 29px;
+      --ty-radius-card: 20px;
+      --ty-radius-sheet: 24px;
       --ty-radius-pill: 999px;
       --ty-radius-agent: 7px;
       --ty-focus-width: 3px;
@@ -6644,6 +6717,17 @@
       --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      --ty-font-size-display: 30px;
+      --ty-font-line-height-display: 36px;
+      --ty-font-size-h1: 24px;
+      --ty-font-line-height-h1: 32px;
+      --ty-font-size-h2: 18px;
+      --ty-font-line-height-h2: 28px;
+      --ty-font-size-h3: 16px;
+      --ty-font-line-height-h3: 24px;
+      --ty-font-size-label: 14px;
+      --ty-font-line-height-label: 20px;
+      --ty-font-tracking-h1: -0.025em;
     }
 
     @media (prefers-color-scheme: dark) {
@@ -6810,24 +6894,35 @@
         --ty-info-800: #174b6b;
         --ty-info-900: #103850;
         --ty-info-950: #072638;
-        --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
-        --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
-        --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
-        --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
-        --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
+        --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
+        --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
+        --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
+        --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
+        --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
         --ty-radius: 12px;
         --ty-radius-control: 12px;
-        --ty-radius-card: 19px;
-        --ty-radius-sheet: 29px;
+        --ty-radius-card: 20px;
+        --ty-radius-sheet: 24px;
         --ty-radius-pill: 999px;
         --ty-radius-agent: 7px;
         --ty-focus-width: 3px;
         --ty-glass-blur-sheet: 20px;
         --ty-glass-blur-floating: 24px;
-        --ty-glass-saturate: 1.15;
+        --ty-glass-saturate: 1.5;
         --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
         --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
         --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+        --ty-font-size-display: 30px;
+        --ty-font-line-height-display: 36px;
+        --ty-font-size-h1: 24px;
+        --ty-font-line-height-h1: 32px;
+        --ty-font-size-h2: 18px;
+        --ty-font-line-height-h2: 28px;
+        --ty-font-size-h3: 16px;
+        --ty-font-line-height-h3: 24px;
+        --ty-font-size-label: 14px;
+        --ty-font-line-height-label: 20px;
+        --ty-font-tracking-h1: -0.025em;
       }
     }
 
@@ -6996,24 +7091,35 @@
       --ty-info-800: #174b6b;
       --ty-info-900: #103850;
       --ty-info-950: #072638;
-      --ty-shadow-sheet: 0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2);
-      --ty-shadow-raised: 0px 4px 12px -2px rgb(0 5 20 / 0.16);
-      --ty-shadow-floating: 0px 12px 24px -8px rgb(0 5 20 / 0.28);
-      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 5 20 / 0.7);
-      --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0.06);
+      --ty-shadow-sheet: 0px 12px 40px -12px rgb(0 0 0 / 0.5);
+      --ty-shadow-raised: 0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3);
+      --ty-shadow-floating: 0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4);
+      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5);
+      --ty-shadow-sheet-inset: inset 0px 1px 1px 0px rgb(255 255 255 / 0.12);
       --ty-radius: 12px;
       --ty-radius-control: 12px;
-      --ty-radius-card: 19px;
-      --ty-radius-sheet: 29px;
+      --ty-radius-card: 20px;
+      --ty-radius-sheet: 24px;
       --ty-radius-pill: 999px;
       --ty-radius-agent: 7px;
       --ty-focus-width: 3px;
       --ty-glass-blur-sheet: 20px;
       --ty-glass-blur-floating: 24px;
-      --ty-glass-saturate: 1.15;
+      --ty-glass-saturate: 1.5;
       --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      --ty-font-size-display: 30px;
+      --ty-font-line-height-display: 36px;
+      --ty-font-size-h1: 24px;
+      --ty-font-line-height-h1: 32px;
+      --ty-font-size-h2: 18px;
+      --ty-font-line-height-h2: 28px;
+      --ty-font-size-h3: 16px;
+      --ty-font-line-height-h3: 24px;
+      --ty-font-size-label: 14px;
+      --ty-font-line-height-label: 20px;
+      --ty-font-tracking-h1: -0.025em;
     }
 
     [data-ty-theme="astrlabe"][data-ty-mode="light"],
@@ -7180,15 +7286,15 @@
       --ty-info-800: #174b6b;
       --ty-info-900: #103850;
       --ty-info-950: #072638;
-      --ty-shadow-sheet: 0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1);
-      --ty-shadow-raised: 0px 4px 12px -2px rgb(10 22 40 / 0.08);
-      --ty-shadow-floating: 0px 12px 24px -8px rgb(10 22 40 / 0.14);
-      --ty-shadow-modal: 0px 40px 100px -30px rgb(10 22 40 / 0.35);
-      --ty-shadow-sheet-inset: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
+      --ty-shadow-sheet: 0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06);
+      --ty-shadow-raised: 0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04);
+      --ty-shadow-floating: 0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06);
+      --ty-shadow-modal: 0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18);
+      --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);
       --ty-radius: 12px;
       --ty-radius-control: 12px;
-      --ty-radius-card: 19px;
-      --ty-radius-sheet: 29px;
+      --ty-radius-card: 20px;
+      --ty-radius-sheet: 24px;
       --ty-radius-pill: 999px;
       --ty-radius-agent: 7px;
       --ty-focus-width: 3px;
@@ -7198,6 +7304,17 @@
       --ty-font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif;
       --ty-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+      --ty-font-size-display: 30px;
+      --ty-font-line-height-display: 36px;
+      --ty-font-size-h1: 24px;
+      --ty-font-line-height-h1: 32px;
+      --ty-font-size-h2: 18px;
+      --ty-font-line-height-h2: 28px;
+      --ty-font-size-h3: 16px;
+      --ty-font-line-height-h3: 24px;
+      --ty-font-size-label: 14px;
+      --ty-font-line-height-label: 20px;
+      --ty-font-tracking-h1: -0.025em;
     }
 
     [data-ty-theme="astrlabe-controle"],
@@ -8686,6 +8803,8 @@
       --ty-glass-blur-sheet: 0px !important;
       --ty-glass-blur-floating: 0px !important;
       --ty-glass-saturate: 1 !important;
+      --ty-glass-fill: var(--ty-surface-solid) !important;
+      --ty-glass-fill-raised: var(--ty-surface-raised-solid) !important;
       --ty-ambient-1: transparent !important;
       --ty-ambient-2: transparent !important;
     }
@@ -8701,6 +8820,8 @@
       --ty-glass-blur-sheet: 0px !important;
       --ty-glass-blur-floating: 0px !important;
       --ty-glass-saturate: 1 !important;
+      --ty-glass-fill: var(--ty-surface-solid) !important;
+      --ty-glass-fill-raised: var(--ty-surface-raised-solid) !important;
       --ty-ambient-1: transparent !important;
       --ty-ambient-2: transparent !important;
     }
@@ -8744,6 +8865,9 @@
       --ty-shadow-modal: none;
       --ty-glass-blur-sheet: 0px;
       --ty-glass-blur-floating: 0px;
+      --ty-glass-edge: CanvasText;
+      --ty-glass-fill: Canvas;
+      --ty-glass-fill-raised: Canvas;
     }
   }
 }