@nadicodeai/design-system 1.1.0 → 2.0.0

package/LICENSES/shadow-plugin-MIT.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Florian Kiem
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -59,7 +59,36 @@ The approved background-neutral transparent Nadia master is available through:
 | --- | --- |
 | Canonical Nadia | `@nadicodeai/design-system/assets/nadia-solid-surface` |
 
-The import resolves to the approved transparent PNG. Identity and composition are owned by [`brand/visual-design/NADIA-VISUAL-IDENTITY.md`](../../brand/visual-design/NADIA-VISUAL-IDENTITY.md); this package README documents only the import surface.
+The import resolves to the approved transparent PNG. Identity and composition are owned by [`brand/AGENTS.md`](../../brand/AGENTS.md); this package README documents only the import surface.
+
+## Data-only consumption
+
+A consumer that generates its own theme takes the token files and the assets and imports no stylesheet from this package. The Nadia desktop app consumes the package this way.
+
+Pin an exact version, never a range: the DTCG group paths are the interface, and a new group arrives in a minor. `npm view @nadicodeai/design-system version` reports the published one.
+
+```json
+{
+  "devDependencies": {
+    "@nadicodeai/design-system": "2.0.0"
+  }
+}
+```
+
+Two token files ship, both rooted at `nadicode`, with `nadicode.core.*` the foundation every product may reach for and `nadicode.register.<product>.*` one product's own values:
+
+| Import | What it holds | What it is for |
+| --- | --- | --- |
+| `@nadicodeai/design-system/tokens/dtcg` | the canonical contract: every alias and every `$extensions` entry preserved | reading which foundation value a register role derives from |
+| `@nadicodeai/design-system/tokens/dtcg-resolved` | the same groups, types, descriptions, and extensions, with every alias replaced by its value | generating a theme without an alias engine |
+
+The tarball also carries three root documents. [`DESIGN.md`](./DESIGN.md) is the contract a session reads before it styles anything, [`AGENTS.md`](./AGENTS.md) is this workspace's rulebook, and [`CONTEXT.md`](./CONTEXT.md) is the shared design vocabulary.
+
+Load the brand typeface from `@nadicodeai/design-system/assets/fonts/geist.css`, which declares the `@font-face` rules and points them at the packaged woff2 files. One loader per app: a second declaration of Geist, from Google Fonts or a hand-written `@font-face`, downloads the face twice and is a defect.
+
+The logo routes in the table above and the Nadia master at `@nadicodeai/design-system/assets/nadia-solid-surface` resolve to files, so a data-only consumer copies or references them without touching the CSS. `LICENSES/` carries the third-party notices the package ships under.
+
+The CSS interfaces are not for this consumer. `@nadicodeai/design-system/css` and the `@nadicodeai/ui` stylesheet declare `--color-*` and the generated role map; an app that already owns those names takes the token files and generates its own.
 
 ## Package surface
 

package/dist/css/index.css

@@ -78,6 +78,7 @@
     --nc-warning-soft: oklch(0.9649 0.0461 90.87);
     --nc-warning-deep: oklch(0.4834 0.0995 82.44);
     --nc-flag-red: oklch(0.5688 0.1995 26.59);
+    --nc-verde-vivo: oklch(0.5604 0.1485 151.68);
     --nc-selection-bg: oklch(0.1776 0.0000 0.00);
     --nc-selection-fg: oklch(0.9851 0.0000 0.00);
     --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);
@@ -159,6 +160,7 @@
     --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
     --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);
     --nc-dark-cross: oklch(0.4495 0.0000 0.00);
+    --nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43);
     --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
     --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
     --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
@@ -174,7 +176,6 @@
     --nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00);
     --nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44);
     --nc-xxs: 4px;
-    --nc-filter-chip-gap: 6px;
     --nc-xs: 8px;
     --nc-sm: 12px;
     --nc-md: 16px;
@@ -185,7 +186,6 @@
     --nc-4xl: 64px;
     --nc-5xl: 96px;
     --nc-6xl: 128px;
-    --nc-section: 192px;
     --nc-guide: 1px;
     --nc-icon-stroke: 1.6px;
     --nc-focus-outline-width: 2px;
@@ -193,52 +193,6 @@
     --nc-control-height: 32px;
     --nc-control-padding-inline: 10px;
     --nc-touch-target: 44px;
-    --nc-page-pad: 24px;
-    --nc-page-max-mobile: 448px;
-    --nc-page-max-tablet: 624px;
-    --nc-page-max-desktop: 1440px;
-    --nc-frame-max: 1392px;
-    --nc-frame-gap: 24px;
-    --nc-cell-padding: 24px;
-    --nc-section-gap: 48px;
-    --nc-cross-size-mobile: 11px;
-    --nc-cross-size-tablet: 15px;
-    --nc-cross-size-desktop: 21px;
-    --nc-h-strip-mobile: 72px;
-    --nc-h-strip-tablet: 80px;
-    --nc-h-strip-desktop: 88px;
-    --nc-h-cell-sm: 120px;
-    --nc-h-cell-md-mobile: 144px;
-    --nc-h-cell-md-tablet: 160px;
-    --nc-h-cell-md-desktop: 168px;
-    --nc-h-cell-lg-mobile: 220px;
-    --nc-h-cell-lg-desktop: 240px;
-    --nc-h-visual-mobile: 276px;
-    --nc-h-visual-tablet: 318px;
-    --nc-h-visual-desktop: 360px;
-    --nc-h-precision-mobile: 276px;
-    --nc-h-precision-tablet: 480px;
-    --nc-h-precision-desktop: 720px;
-    --nc-h-hero-mobile: 560px;
-    --nc-h-hero-desktop: 720px;
-    --nc-h-action-strip-mobile: 20px;
-    --nc-h-action-strip-desktop: 32px;
-    --nc-h-action-body-mobile: 320px;
-    --nc-h-action-body-tablet: 338px;
-    --nc-h-action-band: 260px;
-    --nc-h-feature-mobile: 360px;
-    --nc-h-feature-tablet: 400px;
-    --nc-h-feature-desktop: 456px;
-    --nc-h-editorial-feature-mobile: 360px;
-    --nc-h-editorial-feature-tablet: 440px;
-    --nc-h-editorial-feature-desktop: 560px;
-    --nc-h-bento-primary: 384px;
-    --nc-h-bento-secondary: 240px;
-    --nc-h-bento-mobile-copy: 248px;
-    --nc-h-bento-mobile-main: 537px;
-    --nc-h-bento-strip: 20px;
-    --nc-filter-chip-height: 28px;
-    --nc-filter-chip-icon: 14px;
     --nc-rounded-none: 0px;
     --nc-rounded-xs: 2px;
     --nc-rounded-sm: 4px;
@@ -434,8 +388,101 @@
     --nc-type-button-lg-letter-spacing: 0px;
     --nc-material-scrim-opacity: 10%;
     --nc-material-glass-opacity: 76%;
-    --nc-material-glass-blur: 28px;
     --nc-material-glass-saturation: 116%;
+    --nc-material-glass-blur: 28px;
+    --nc-elevation-resting:
+      0px 17.54px 23.39px 0px rgb(0% 0% 0% / 0.04),
+      0px 9.4px 12.5px 0px rgb(0% 0% 0% / 0.03),
+      0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
+      0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
+      0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
+      0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
+    --nc-elevation-raised:
+      0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
+      0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
+      0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
+      0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
+      0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
+      0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
+    --nc-elevation-floating:
+      0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
+      0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
+      0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
+      0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
+      0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
+      0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
+    --nc-elevation-modal:
+      0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
+      0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
+      0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
+      0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
+      0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
+      0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
+    --nc-duration-stagger: 60ms;
+    --nc-duration-control: 100ms;
+    --nc-duration-close: 140ms;
+    --nc-duration-confirm: 180ms;
+    --nc-duration-open: 220ms;
+    --nc-duration-msg-in: 240ms;
+    --nc-duration-transition: 240ms;
+    --nc-duration-drawer-swipe: 400ms;
+    --nc-duration-drawer: 450ms;
+    --nc-duration-spin: 600ms;
+    --nc-duration-typing: 1s;
+    --nc-duration-pulse: 1.6s;
+    --nc-duration-shimmer: 2s;
+    --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
+    --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+    --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
+    --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+    --nc-section: 192px;
+    --nc-page-pad: 24px;
+    --nc-page-max-mobile: 448px;
+    --nc-page-max-tablet: 624px;
+    --nc-page-max-desktop: 1440px;
+    --nc-frame-max: 1392px;
+    --nc-frame-gap: 24px;
+    --nc-cell-padding: 24px;
+    --nc-section-gap: 48px;
+    --nc-cross-size-mobile: 11px;
+    --nc-cross-size-tablet: 15px;
+    --nc-cross-size-desktop: 21px;
+    --nc-h-strip-mobile: 72px;
+    --nc-h-strip-tablet: 80px;
+    --nc-h-strip-desktop: 88px;
+    --nc-h-cell-sm: 120px;
+    --nc-h-cell-md-mobile: 144px;
+    --nc-h-cell-md-tablet: 160px;
+    --nc-h-cell-md-desktop: 168px;
+    --nc-h-cell-lg-mobile: 220px;
+    --nc-h-cell-lg-desktop: 240px;
+    --nc-h-visual-mobile: 276px;
+    --nc-h-visual-tablet: 318px;
+    --nc-h-visual-desktop: 360px;
+    --nc-h-precision-mobile: 276px;
+    --nc-h-precision-tablet: 480px;
+    --nc-h-precision-desktop: 720px;
+    --nc-h-hero-mobile: 560px;
+    --nc-h-hero-desktop: 720px;
+    --nc-h-action-strip-mobile: 20px;
+    --nc-h-action-strip-desktop: 32px;
+    --nc-h-action-body-mobile: 320px;
+    --nc-h-action-body-tablet: 338px;
+    --nc-h-action-band: 260px;
+    --nc-h-feature-mobile: 360px;
+    --nc-h-feature-tablet: 400px;
+    --nc-h-feature-desktop: 456px;
+    --nc-h-editorial-feature-mobile: 360px;
+    --nc-h-editorial-feature-tablet: 440px;
+    --nc-h-editorial-feature-desktop: 560px;
+    --nc-h-bento-primary: 384px;
+    --nc-h-bento-secondary: 240px;
+    --nc-h-bento-mobile-copy: 248px;
+    --nc-h-bento-mobile-main: 537px;
+    --nc-h-bento-strip: 20px;
+    --nc-filter-chip-gap: 6px;
+    --nc-filter-chip-height: 28px;
+    --nc-filter-chip-icon: 14px;
   }
 }
 
@@ -487,6 +534,7 @@
     --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);
     --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);
     --nc-cross: var(--nc-dark-cross);
+    --nc-verde-vivo: var(--nc-dark-verde-vivo);
     --nc-chart-1: var(--nc-dark-chart-1);
     --nc-chart-2: var(--nc-dark-chart-2);
     --nc-chart-3: var(--nc-dark-chart-3);
@@ -501,6 +549,34 @@
     --nc-chart-div-warm: var(--nc-dark-chart-div-warm);
     --nc-chart-div-mid: var(--nc-dark-chart-div-mid);
     --nc-chart-div-cool: var(--nc-dark-chart-div-cool);
+    --nc-elevation-resting:
+      0px 17.54px 23.39px 0px rgb(0% 0% 0% / 0.04),
+      0px 9.4px 12.5px 0px rgb(0% 0% 0% / 0.03),
+      0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
+      0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
+      0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+    --nc-elevation-raised:
+      0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
+      0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
+      0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
+      0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
+      0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+    --nc-elevation-floating:
+      0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
+      0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
+      0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
+      0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
+      0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+    --nc-elevation-modal:
+      0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
+      0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
+      0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
+      0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
+      0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
   }
 }
 
@@ -594,7 +670,7 @@
     --sidebar-border: var(--nc-dark-line);
     --sidebar-ring: var(--nc-dark-focus-ring);
   }
-  @theme { --color-*: initial; --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.5075 0.1338 151.91); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4285 0.1117 152.40); --color-nc-action-active: oklch(0.2722 0.0643 157.47); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9851 0.0000 0.00); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.0000 0.0000 0.00); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --outline-width-focus: var(--spacing-nadicode-focus-outline-width); --outline-offset-focus: var(--spacing-nadicode-focus-outline-offset); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-section: 192px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-*: initial; --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.5075 0.1338 151.91); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4285 0.1117 152.40); --color-nc-action-active: oklch(0.2722 0.0643 157.47); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-verde-vivo: oklch(0.5604 0.1485 151.68); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9851 0.0000 0.00); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.0000 0.0000 0.00); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ease-nc-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1); --ease-nc-out-strong: cubic-bezier(0.23, 1, 0.32, 1); --ease-nc-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1); --ease-nc-drawer: cubic-bezier(0.32, 0.72, 0, 1); --outline-width-focus: var(--spacing-nadicode-focus-outline-width); --outline-offset-focus: var(--spacing-nadicode-focus-outline-offset); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-section: 192px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
   @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-active: var(--primary-active); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-placeholder: var(--placeholder); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-scrim: var(--scrim); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-hover: var(--sidebar-primary-hover); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }
 }
 
@@ -776,23 +852,6 @@
 /* src/css/motion.css */
 @layer motion {
   :root {
-    --nc-duration-stagger: 60ms;
-    --nc-duration-msg-in: 240ms;
-    --nc-duration-transition: 240ms;
-    --nc-duration-typing: 1s;
-    --nc-duration-pulse: 1.6s;
-    --nc-duration-shimmer: 2s;
-    --nc-duration-confirm: 180ms;
-    --nc-duration-open: 220ms;
-    --nc-duration-close: 140ms;
-    --nc-duration-drawer: 450ms;
-    --nc-duration-drawer-swipe: 400ms;
-    --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
-    --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
-    --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
-    --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
-    --nc-ease-bounce: var(--nc-ease-in-out-strong);
-    --nc-ease-out: var(--nc-ease-out-strong);
     --default-transition-duration: var(--nc-duration-confirm);
     --default-transition-timing-function: var(--nc-ease-out-strong);
   }
@@ -839,7 +898,7 @@
     animation-delay: var(--nc-anim-delay, 0ms);
   }
   .nc-anim-typing {
-    animation: nc-typing var(--nc-duration-typing) var(--nc-ease-bounce) infinite;
+    animation: nc-typing var(--nc-duration-typing) var(--nc-ease-in-out-strong) infinite;
     animation-delay: var(--nc-anim-delay, 0ms);
   }
   .nc-anim-pulse {
@@ -852,7 +911,7 @@
     border: var(--nc-guide) solid currentColor;
     border-radius: inherit;
     pointer-events: none;
-    animation: nc-pulse var(--nc-duration-pulse) var(--nc-ease-out) infinite;
+    animation: nc-pulse var(--nc-duration-pulse) var(--nc-ease-out-strong) infinite;
     animation-delay: var(--nc-anim-delay, 0ms);
   }
   .nc-anim-shimmer {

package/dist/tailwind/nadicode.tailwind.json

@@ -39,6 +39,7 @@
         "warning-soft": "#fff3d1",
         "warning-deep": "#7a5800",
         "flag-red": "#d3302f",
+        "verde-vivo": "#008c45",
         "selection-bg": "#111111",
         "selection-fg": "#fafafa",
         "navigation-selection-bg": "#ededed",
@@ -120,6 +121,7 @@
         "dark-navigation-selection-fg": "#ededed",
         "dark-navigation-selection-hover": "#262626",
         "dark-cross": "#555555",
+        "dark-verde-vivo": "#62d494",
         "dark-chart-1": "#4d6bff",
         "dark-chart-2": "#00a85a",
         "dark-chart-3": "#ffd866",
@@ -352,7 +354,6 @@
       },
       "spacing": {
         "xxs": "4px",
-        "filter-chip-gap": "6px",
         "xs": "8px",
         "sm": "12px",
         "md": "16px",
@@ -363,60 +364,13 @@
         "4xl": "64px",
         "5xl": "96px",
         "6xl": "128px",
-        "section": "192px",
         "guide": "1px",
         "icon-stroke": "1.6px",
         "focus-outline-width": "2px",
         "focus-outline-offset": "2px",
         "control-height": "32px",
         "control-padding-inline": "10px",
-        "touch-target": "44px",
-        "page-pad": "24px",
-        "page-max-mobile": "448px",
-        "page-max-tablet": "624px",
-        "page-max-desktop": "1440px",
-        "frame-max": "1392px",
-        "frame-gap": "24px",
-        "cell-padding": "24px",
-        "section-gap": "48px",
-        "cross-size-mobile": "11px",
-        "cross-size-tablet": "15px",
-        "cross-size-desktop": "21px",
-        "h-strip-mobile": "72px",
-        "h-strip-tablet": "80px",
-        "h-strip-desktop": "88px",
-        "h-cell-sm": "120px",
-        "h-cell-md-mobile": "144px",
-        "h-cell-md-tablet": "160px",
-        "h-cell-md-desktop": "168px",
-        "h-cell-lg-mobile": "220px",
-        "h-cell-lg-desktop": "240px",
-        "h-visual-mobile": "276px",
-        "h-visual-tablet": "318px",
-        "h-visual-desktop": "360px",
-        "h-precision-mobile": "276px",
-        "h-precision-tablet": "480px",
-        "h-precision-desktop": "720px",
-        "h-hero-mobile": "560px",
-        "h-hero-desktop": "720px",
-        "h-action-strip-mobile": "20px",
-        "h-action-strip-desktop": "32px",
-        "h-action-body-mobile": "320px",
-        "h-action-body-tablet": "338px",
-        "h-action-band": "260px",
-        "h-feature-mobile": "360px",
-        "h-feature-tablet": "400px",
-        "h-feature-desktop": "456px",
-        "h-editorial-feature-mobile": "360px",
-        "h-editorial-feature-tablet": "440px",
-        "h-editorial-feature-desktop": "560px",
-        "h-bento-primary": "384px",
-        "h-bento-secondary": "240px",
-        "h-bento-mobile-copy": "248px",
-        "h-bento-mobile-main": "537px",
-        "h-bento-strip": "20px",
-        "filter-chip-height": "28px",
-        "filter-chip-icon": "14px"
+        "touch-target": "44px"
       }
     }
   }