npm - @nadicodeai/design-system - Versions diffs - 12.1.166 → 12.1.167 - Mend

@nadicodeai/design-system 12.1.166 → 12.1.167

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 (8) hide show

package/DESIGN.md +5 -4
package/dist/css/host.css +2 -2
package/dist/css/index.css +2 -2
package/dist/css/tokens.css +1 -1
package/dist/tailwind/nadicode.tailwind.json +1 -1
package/dist/tokens/nadicode.dtcg-resolved.json +12 -12
package/dist/tokens/nadicode.dtcg.json +4 -4
package/package.json +1 -1

package/DESIGN.md CHANGED Viewed

@@ -167,7 +167,7 @@ colors:
   dark-ink: "#ededed"
   dark-body: "#a1a1a1"
   dark-muted: "#9e9e9e"
-  dark-line: "#262626"
+  dark-line: "#3a3a3a"
   dark-input: "#747474"
   dark-on-primary: "#0a0a0a"
   dark-action: "#1e3cff"
@@ -567,6 +567,7 @@ The hues appear at full strength and flat, with no tints, steps, gradients or ho
 - **Glass.** The colour a glass surface shows through ("Elevation & Depth").
 - **Accents on the website.** A 2 px rule that marks one item of a set, one hue per item.
 - **Agents.** The orbs ("Agent orbs").
+- **Alveare's channels.** Each channel's mark sits on a tile of one hue, in the Mac's sidebar and the iPhone's channel list; the channel's id picks the hue, so a channel is the same colour on every device, and a direct conversation shows its people instead. On the iPhone the person's own messages are cobalto bubbles with white text. Ruled by the owner.
 - **Objects.** The saturated pieces of the art direction's objects, one per benefit ("Iconography").
 - **The logo.** The dot of the wordmark, the icon tile and Alveare's striped mark ("Brand media authority"), and the compact company identity marks ("Identity marks").
 - **Imagery.** Art direction reads these tokens and keeps no private palette.
@@ -825,7 +826,7 @@ The owner approved the materials: Vercel's surfaces with a little more depth on
 **Glass only where something moves under it.** Glass is a material, not a height: the resting surface's colour at `glass-opacity` over a backdrop blur (`glass-blur`) at `glass-saturation`, so the colour passing under it comes through and its text stays readable, with a 5% monochrome grain that keeps the blurred colour from banding. Its edge is the glass recipe (`nc-glass`): a line of light along the top and a hairline edge. It goes only where content passes under it:
 - a collection's toolbar over the rows that scroll under it (on a page whose rows never pass under it, the toolbar is the plain row, with no fill or edge of its own);
-- Nadia's chat bar and her window's header band over her conversation, which scrolls under both;
+- a conversation's chat bar, Nadia's and Alveare's alike, over the messages that scroll under it, drawn by `nc-chat-bar` in `@nadicodeai/ui` and by nothing else, and Nadia's window's header band over her conversation;
 - the website header as the page scrolls under it;
 - a small card over Agent orbs or a shader object.
@@ -843,7 +844,7 @@ Dialogs, sheets, drawers and the command palette sit over the scrim ("Colors");
 ## Shapes
-A corner follows what the thing is, on one scale: buttons, inputs, badges, tabs and menu rows take `{rounded.sm}` (6 px), a large (40 px) control takes `{rounded.md}` (8 px), and the 24 px icon button, a keyboard key and a breadcrumb link take `{rounded.xs-plus}` (4 px); a line tab takes `{rounded.none}`, standing on its underline. A surface takes its corner with its material: resting and plain cards and tables take `{rounded.sm}` (6 px); a raised card and any medium or large surface take `{rounded.lg}` (12 px), as do menus, popovers, dialogs, sheets and toasts, and a drawer on each edge not flush with the window; tooltips take `{rounded.sm}` (6 px); a surface that fills the window takes `{rounded.xl}` (16 px); a collection's glass toolbar takes `{rounded.lg}` (12 px); a conversation bubble takes `{rounded.2xl}` (20 px); Nadia's chat bar takes `{rounded.3xl}` (24 px). A checkbox mark is a square at `{rounded.xs-plus}` (4 px), still distinct from a circular radio. A segmented control's track takes `{rounded.sm}` (6 px), `{rounded.md}` (8 px) at 40 px, and its chosen option `{rounded.xs-plus}` (4 px), `{rounded.sm}` at 32 px. A slider thumb is a 6 by 14 px bar at `{rounded.xs}`. A corner is never chosen at the call site: it comes with the surface or the control. A corner nested inside another takes the outer radius minus the gap between them. Full-bleed sections take `{rounded.none}`. `{rounded.full}` is for avatars, switch and radio marks, filter chips, tags, the conversation's send button, and pill and circle buttons (show more, a banner's call to action, a scroller's buttons, the theme switcher). The other radii are for inner marks and geometry a component owns, such as a progress track.
+A corner follows what the thing is, on one scale: buttons, inputs, badges, tabs and menu rows take `{rounded.sm}` (6 px), a large (40 px) control takes `{rounded.md}` (8 px), and the 24 px icon button, a keyboard key and a breadcrumb link take `{rounded.xs-plus}` (4 px); a line tab takes `{rounded.none}`, standing on its underline. A surface takes its corner with its material: resting and plain cards and tables take `{rounded.sm}` (6 px); a raised card and any medium or large surface take `{rounded.lg}` (12 px), as do menus, popovers, dialogs, sheets and toasts, and a drawer on each edge not flush with the window; tooltips take `{rounded.sm}` (6 px); a surface that fills the window takes `{rounded.xl}` (16 px); a collection's glass toolbar takes `{rounded.lg}` (12 px); a conversation bubble takes `{rounded.2xl}` (20 px); a conversation's chat bar takes `{rounded.3xl}` (24 px). A checkbox mark is a square at `{rounded.xs-plus}` (4 px), still distinct from a circular radio. A segmented control's track takes `{rounded.sm}` (6 px), `{rounded.md}` (8 px) at 40 px, and its chosen option `{rounded.xs-plus}` (4 px), `{rounded.sm}` at 32 px. A slider thumb is a 6 by 14 px bar at `{rounded.xs}`. A corner is never chosen at the call site: it comes with the surface or the control. A corner nested inside another takes the outer radius minus the gap between them. Full-bleed sections take `{rounded.none}`. `{rounded.full}` is for avatars, switch and radio marks, filter chips, tags, the conversation's send button, and pill and circle buttons (show more, a banner's call to action, a scroller's buttons, the theme switcher). The other radii are for inner marks and geometry a component owns, such as a progress track.
 ## Motion
@@ -1234,7 +1235,7 @@ The clear space is one stroke width of the rendered logo on every side. The mini
 - **Portal.** A product shell on the workspace ground, built from the page compositions and the package components, with `globals.css` giving every elevated surface its tone.
 - **Nadia.** Nadia draws her own window through Hermes's `window.shell` area, inside Hermes's app, which owns Tailwind and its own surface layering. Nadia's theme paints Hermes's roles with the shared `semantic` roles and core radii, and imports `@nadicodeai/ui/components.css` with the design system's host stylesheet, so the package components render with the same recipes and glass. The window follows the operating system's material where the system composites it. Hermes answers reduced motion by cutting every transition and animation; Nadia's stylesheet gives her own parts, the package overlays, the entry screen and the waiting line, the reduced-motion policy in "Motion" back.
   Her conversation is one centred column of `56rem` holding her replies, the person's messages and the chat bar: her reply is plain text across the column, only the person's message is a bubble, grey (`{colors.canvas-soft-2}`) at the `raised` height in both modes, at the column's trailing edge, and the chat bar floats over the messages in glass ("Elevation & Depth"). The selected Agent row carries the sidebar's selected fill, as the Agents list draws it.
-- **Alveare.** The desktop keeps Buzz's components and layout, styled through an adapter as Nadia styles Hermes: Buzz's colour roles read the shared `semantic` roles, tokens only and never a copied value, every text takes a type role, and Buzz's shared components take the package's geometry, states, focus and motion, over the design system's host stylesheet and `@nadicodeai/ui/components.css`. For the jobs the products share, Alveare mounts the package's own component, or the look the package exports for it, in place of Buzz's: every empty state is `EmptyState`, the account menu is `AccountMenu`, a status is `StatusBadge`, the three dots are `ActionMenu`, Find is `SidebarFind`'s outlined row with its `Kbd`, and a count at a sidebar row's end is `SidebarMenuBadge`. Buzz's colour roles are generated from the `semantic` map of each mode, so the sidebar and the page sit on the canvas in dark as Nadia's do. Agents appear as their orbs, and a person never reads "Buzz". Ruled by the owner.
+- **Alveare.** The desktop keeps Buzz's components and layout, styled through an adapter as Nadia styles Hermes: Buzz's colour roles read the shared `semantic` roles, tokens only and never a copied value, every text takes a type role, and Buzz's shared components take the package's geometry, states, focus and motion, over the design system's host stylesheet and `@nadicodeai/ui/components.css`. For the jobs the products share, Alveare mounts the package's own component, or the look the package exports for it, in place of Buzz's: every empty state is `EmptyState`, the account menu is `AccountMenu`, a status is `StatusBadge`, the three dots are `ActionMenu`, Find is `SidebarFind`'s outlined row with its `Kbd`, a count at a sidebar row's end is `SidebarMenuBadge`, the composer is the chat bar (`nc-chat-bar`), and a wait is drawn as "System activity" says, by the same components Nadia's are. Alveare's own screens are checked by the same design-system lint as Nadia's and the Portal's. Buzz's colour roles are generated from the `semantic` map of each mode, so the sidebar and the page sit on the canvas in dark as Nadia's do. Agents appear as their orbs, and a person never reads "Buzz". Ruled by the owner.
 ## Do's and Don'ts

package/dist/css/host.css CHANGED Viewed

@@ -197,7 +197,7 @@
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);
     --nc-dark-muted: oklch(0.6993 0.0000 0.00);
-    --nc-dark-line: oklch(0.2686 0.0000 0.00);
+    --nc-dark-line: oklch(0.3485 0.0000 0.00);
     --nc-dark-input: oklch(0.5590 0.0000 0.00);
     --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
     --nc-dark-action: oklch(0.5005 0.2804 266.17);
@@ -882,7 +882,7 @@
 /* src/css/theme-host.generated.css */
 @layer theme {
-  @theme { --color-nc-action: oklch(0.5005 0.2804 266.17); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-action-active: oklch(0.4202 0.2522 266.14); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.5103 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.9851 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.9612 0.0000 0.00); --color-nc-link: oklch(0.5005 0.2804 266.17); --color-nc-link-deep: oklch(0.4202 0.2522 266.14); --color-nc-link-bg-soft: oklch(0.9656 0.0171 248.01); --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-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-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --color-nc-logo-guide: oklch(0.6830 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6398 0.2044 356.46); --color-nc-chart-3: oklch(0.5015 0.1883 294.99); --color-nc-chart-4: oklch(0.6824 0.2108 37.70); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5688 0.1995 26.59); --color-nc-chart-7: oklch(0.7691 0.1577 84.69); --color-nc-chart-8: oklch(0.6415 0.1644 153.23); --color-nc-chart-9: oklch(0.7191 0.1452 266.33); --color-nc-chart-10: oklch(0.8309 0.1048 356.57); --color-nc-cobalto-100: oklch(0.9754 0.0115 264.51); --color-nc-cobalto-200: oklch(0.9543 0.0215 265.76); --color-nc-cobalto-300: oklch(0.9297 0.0334 265.23); --color-nc-cobalto-400: oklch(0.8944 0.0509 267.00); --color-nc-cobalto-500: oklch(0.8308 0.0837 265.90); --color-nc-cobalto-600: oklch(0.7191 0.1452 266.33); --color-nc-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-cobalto-900: oklch(0.4202 0.2522 266.14); --color-nc-cobalto-1000: oklch(0.2811 0.1684 266.17); --color-nc-rosso-100: oklch(0.9752 0.0122 29.87); --color-nc-rosso-200: oklch(0.9552 0.0222 27.81); --color-nc-rosso-300: oklch(0.9290 0.0360 26.28); --color-nc-rosso-400: oklch(0.8944 0.0552 26.52); --color-nc-rosso-500: oklch(0.8304 0.0942 26.48); --color-nc-rosso-600: oklch(0.7201 0.1742 26.79); --color-nc-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-rosso-900: oklch(0.4882 0.1797 26.59); --color-nc-rosso-1000: oklch(0.2805 0.1143 26.81); --color-nc-arancio-100: oklch(0.9749 0.0125 35.73); --color-nc-arancio-200: oklch(0.9544 0.0233 37.38); --color-nc-arancio-300: oklch(0.9298 0.0366 36.77); --color-nc-arancio-400: oklch(0.8945 0.0567 37.21); --color-nc-arancio-500: oklch(0.8292 0.0974 37.12); --color-nc-arancio-600: oklch(0.7428 0.1602 37.76); --color-nc-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-arancio-900: oklch(0.4993 0.1647 37.64); --color-nc-arancio-1000: oklch(0.2801 0.0916 38.02); --color-nc-giallo-100: oklch(0.9860 0.0154 86.42); --color-nc-giallo-200: oklch(0.9699 0.0272 83.54); --color-nc-giallo-300: oklch(0.9555 0.0420 85.96); --color-nc-giallo-400: oklch(0.9298 0.0673 84.45); --color-nc-giallo-500: oklch(0.9004 0.1074 84.93); --color-nc-giallo-600: oklch(0.8696 0.1403 84.42); --color-nc-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-giallo-800: oklch(0.7691 0.1577 84.69); --color-nc-giallo-900: oklch(0.5305 0.1090 83.33); --color-nc-giallo-1000: oklch(0.3186 0.0654 84.14); --color-nc-verde-100: oklch(0.9747 0.0157 154.48); --color-nc-verde-200: oklch(0.9560 0.0265 152.38); --color-nc-verde-300: oklch(0.9290 0.0407 153.11); --color-nc-verde-400: oklch(0.8955 0.0664 152.93); --color-nc-verde-500: oklch(0.8310 0.1403 153.27); --color-nc-verde-600: oklch(0.7191 0.1645 153.16); --color-nc-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-verde-900: oklch(0.4992 0.1279 153.23); --color-nc-verde-1000: oklch(0.2815 0.0723 153.13); --color-nc-acqua-100: oklch(0.9752 0.0109 211.04); --color-nc-acqua-200: oklch(0.9559 0.0171 205.84); --color-nc-acqua-300: oklch(0.9297 0.0259 208.75); --color-nc-acqua-400: oklch(0.8954 0.0424 207.56); --color-nc-acqua-500: oklch(0.8304 0.0902 209.06); --color-nc-acqua-600: oklch(0.7205 0.1064 208.54); --color-nc-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-acqua-900: oklch(0.4990 0.0860 208.78); --color-nc-acqua-1000: oklch(0.2797 0.0484 210.29); --color-nc-viola-100: oklch(0.9745 0.0134 295.33); --color-nc-viola-200: oklch(0.9545 0.0243 296.12); --color-nc-viola-300: oklch(0.9290 0.0381 295.47); --color-nc-viola-400: oklch(0.8954 0.0563 294.18); --color-nc-viola-500: oklch(0.8289 0.0954 295.03); --color-nc-viola-600: oklch(0.7204 0.1631 294.91); --color-nc-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-viola-900: oklch(0.4227 0.1694 295.05); --color-nc-viola-1000: oklch(0.2796 0.1131 295.14); --color-nc-rosa-100: oklch(0.9746 0.0139 355.00); --color-nc-rosa-200: oklch(0.9555 0.0241 358.28); --color-nc-rosa-300: oklch(0.9307 0.0386 357.63); --color-nc-rosa-400: oklch(0.8944 0.0614 356.49); --color-nc-rosa-500: oklch(0.8309 0.1048 356.57); --color-nc-rosa-600: oklch(0.7193 0.1969 356.59); --color-nc-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-rosa-900: oklch(0.5009 0.1842 356.43); --color-nc-rosa-1000: oklch(0.2808 0.1147 356.80); --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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1684 0.0000 0.00); --color-nc-card-graphite: oklch(0.1957 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.7090 0.0000 0.00); --color-nc-dark-muted: oklch(0.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.5005 0.2804 266.17); --color-nc-dark-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-dark-action-active: oklch(0.4202 0.2522 266.14); --color-nc-dark-link: oklch(0.7993 0.1005 266.67); --color-nc-dark-link-deep: oklch(0.8944 0.0509 267.00); --color-nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.0000 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-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.5005 0.2804 266.17); --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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-chart-1: oklch(0.6007 0.2160 266.02); --color-nc-dark-chart-2: oklch(0.6611 0.1941 356.61); --color-nc-dark-chart-3: oklch(0.6004 0.1789 294.79); --color-nc-dark-chart-4: oklch(0.6612 0.2003 37.74); --color-nc-dark-chart-5: oklch(0.6568 0.1009 208.69); --color-nc-dark-chart-6: oklch(0.6084 0.1887 26.65); --color-nc-dark-chart-7: oklch(0.8466 0.1678 84.63); --color-nc-dark-chart-8: oklch(0.6608 0.1568 153.03); --color-nc-dark-chart-9: oklch(0.7993 0.1005 266.67); --color-nc-dark-chart-10: oklch(0.8005 0.1279 356.32); --color-nc-dark-cobalto-100: oklch(0.1915 0.0982 266.32); --color-nc-dark-cobalto-200: oklch(0.2197 0.1184 266.25); --color-nc-dark-cobalto-300: oklch(0.2604 0.1398 265.97); --color-nc-dark-cobalto-400: oklch(0.2997 0.1624 266.24); --color-nc-dark-cobalto-500: oklch(0.3702 0.1966 266.08); --color-nc-dark-cobalto-600: oklch(0.6007 0.2160 266.02); --color-nc-dark-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-dark-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-dark-cobalto-900: oklch(0.7993 0.1005 266.67); --color-nc-dark-cobalto-1000: oklch(0.9604 0.0186 265.98); --color-nc-dark-rosso-100: oklch(0.1907 0.0689 26.80); --color-nc-dark-rosso-200: oklch(0.2215 0.0837 26.41); --color-nc-dark-rosso-300: oklch(0.2596 0.0994 26.37); --color-nc-dark-rosso-400: oklch(0.3014 0.1159 26.97); --color-nc-dark-rosso-500: oklch(0.3705 0.1397 26.54); --color-nc-dark-rosso-600: oklch(0.6084 0.1887 26.65); --color-nc-dark-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-dark-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-dark-rosso-900: oklch(0.7992 0.1149 26.43); --color-nc-dark-rosso-1000: oklch(0.9598 0.0198 25.17); --color-nc-dark-arancio-100: oklch(0.1909 0.0632 37.47); --color-nc-dark-arancio-200: oklch(0.2201 0.0732 37.26); --color-nc-dark-arancio-300: oklch(0.2598 0.0852 37.90); --color-nc-dark-arancio-400: oklch(0.2988 0.0989 37.50); --color-nc-dark-arancio-500: oklch(0.3706 0.1219 37.77); --color-nc-dark-arancio-600: oklch(0.6612 0.2003 37.74); --color-nc-dark-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-dark-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-dark-arancio-900: oklch(0.7993 0.1180 37.52); --color-nc-dark-arancio-1000: oklch(0.9590 0.0208 36.03); --color-nc-dark-giallo-100: oklch(0.1903 0.0391 84.07); --color-nc-dark-giallo-200: oklch(0.2185 0.0449 83.81); --color-nc-dark-giallo-300: oklch(0.2592 0.0532 83.54); --color-nc-dark-giallo-400: oklch(0.3008 0.0616 85.18); --color-nc-dark-giallo-500: oklch(0.3705 0.0759 85.25); --color-nc-dark-giallo-600: oklch(0.6598 0.1353 84.83); --color-nc-dark-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-dark-giallo-800: oklch(0.8064 0.1654 84.43); --color-nc-dark-giallo-900: oklch(0.8007 0.1595 84.74); --color-nc-dark-giallo-1000: oklch(0.9604 0.0256 84.59); --color-nc-dark-verde-100: oklch(0.1910 0.0488 153.39); --color-nc-dark-verde-200: oklch(0.2208 0.0571 152.80); --color-nc-dark-verde-300: oklch(0.2606 0.0664 153.49); --color-nc-dark-verde-400: oklch(0.2987 0.0765 153.24); --color-nc-dark-verde-500: oklch(0.3685 0.0944 153.24); --color-nc-dark-verde-600: oklch(0.6608 0.1568 153.03); --color-nc-dark-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-dark-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-dark-verde-900: oklch(0.7994 0.1555 153.29); --color-nc-dark-verde-1000: oklch(0.9600 0.0248 152.88); --color-nc-dark-acqua-100: oklch(0.1914 0.0330 209.05); --color-nc-dark-acqua-200: oklch(0.2192 0.0379 209.81); --color-nc-dark-acqua-300: oklch(0.2610 0.0450 209.30); --color-nc-dark-acqua-400: oklch(0.3011 0.0519 208.95); --color-nc-dark-acqua-500: oklch(0.3711 0.0639 208.82); --color-nc-dark-acqua-600: oklch(0.6568 0.1009 208.69); --color-nc-dark-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-dark-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-dark-acqua-900: oklch(0.8004 0.1007 208.37); --color-nc-dark-acqua-1000: oklch(0.9596 0.0161 206.44); --color-nc-dark-viola-100: oklch(0.1897 0.0654 295.79); --color-nc-dark-viola-200: oklch(0.2192 0.0805 294.49); --color-nc-dark-viola-300: oklch(0.2605 0.0949 295.18); --color-nc-dark-viola-400: oklch(0.2990 0.1087 294.76); --color-nc-dark-viola-500: oklch(0.3702 0.1310 295.14); --color-nc-dark-viola-600: oklch(0.6004 0.1789 294.79); --color-nc-dark-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-dark-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-dark-viola-900: oklch(0.8000 0.1131 295.20); --color-nc-dark-viola-1000: oklch(0.9591 0.0215 294.60); --color-nc-dark-rosa-100: oklch(0.1902 0.0716 355.67); --color-nc-dark-rosa-200: oklch(0.2198 0.0850 357.06); --color-nc-dark-rosa-300: oklch(0.2591 0.1026 356.37); --color-nc-dark-rosa-400: oklch(0.3000 0.1188 356.62); --color-nc-dark-rosa-500: oklch(0.3695 0.1426 356.71); --color-nc-dark-rosa-600: oklch(0.6611 0.1941 356.61); --color-nc-dark-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-dark-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-dark-rosa-900: oklch(0.8005 0.1279 356.32); --color-nc-dark-rosa-1000: oklch(0.9599 0.0220 356.32); --color-nc-category-teal-soft: oklch(0.9585 0.0244 187.32); --color-nc-category-teal-deep: oklch(0.4600 0.0788 185.34); --color-nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13); --color-nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70); --color-nc-category-purple-soft: oklch(0.9464 0.0327 307.17); --color-nc-category-purple-deep: oklch(0.4541 0.1958 308.26); --color-nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78); --color-nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92); --color-nc-category-pink-soft: oklch(0.9476 0.0263 347.12); --color-nc-category-pink-deep: oklch(0.4863 0.1711 355.09); --color-nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51); --color-nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-wide: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-section: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-mono-lg: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono-md: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-body-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lead: 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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 72px; --leading-display-xl: 72px; --text-display-xl--letter-spacing: -4.32px; --tracking-display-xl: -4.32px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-wide: 64px; --text-display-wide--line-height: 64px; --leading-display-wide: 64px; --text-display-wide--letter-spacing: -3.84px; --tracking-display-wide: -3.84px; --text-display-wide--font-weight: 600; --font-weight-display-wide: 600; --text-display-lg: 56px; --text-display-lg--line-height: 56px; --leading-display-lg: 56px; --text-display-lg--letter-spacing: -3.36px; --tracking-display-lg: -3.36px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-section: 48px; --text-display-section--line-height: 56px; --leading-display-section: 56px; --text-display-section--letter-spacing: -2.88px; --tracking-display-section: -2.88px; --text-display-section--font-weight: 600; --font-weight-display-section: 600; --text-display-md: 40px; --text-display-md--line-height: 48px; --leading-display-md: 48px; --text-display-md--letter-spacing: -2.4px; --tracking-display-md: -2.4px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 32px; --text-heading-lg--line-height: 40px; --leading-heading-lg: 40px; --text-heading-lg--letter-spacing: -1.28px; --tracking-heading-lg: -1.28px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: -0.96px; --tracking-heading-md: -0.96px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 26px; --leading-heading-sm: 26px; --text-heading-sm--letter-spacing: -0.4px; --tracking-heading-sm: -0.4px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-heading-xs: 16px; --text-heading-xs--line-height: 24px; --leading-heading-xs: 24px; --text-heading-xs--letter-spacing: -0.32px; --tracking-heading-xs: -0.32px; --text-heading-xs--font-weight: 600; --font-weight-heading-xs: 600; --text-heading-compact: 14px; --text-heading-compact--line-height: 20px; --leading-heading-compact: 20px; --text-heading-compact--letter-spacing: -0.28px; --tracking-heading-compact: -0.28px; --text-heading-compact--font-weight: 600; --font-weight-heading-compact: 600; --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; --text-button: 14px; --text-button--line-height: 21px; --leading-button: 21px; --text-button--letter-spacing: 0px; --tracking-button: 0px; --text-button--font-weight: 500; --font-weight-button: 500; --text-button-xs: 12px; --text-button-xs--line-height: 16px; --leading-button-xs: 16px; --text-button-xs--letter-spacing: 0px; --tracking-button-xs: 0px; --text-button-xs--font-weight: 500; --font-weight-button-xs: 500; --text-label-display: 20px; --text-label-display--line-height: 32px; --leading-label-display: 32px; --text-label-display--letter-spacing: 0px; --tracking-label-display: 0px; --text-label-display--font-weight: 400; --font-weight-label-display: 400; --text-label-lg: 18px; --text-label-lg--line-height: 20px; --leading-label-lg: 20px; --text-label-lg--letter-spacing: 0px; --tracking-label-lg: 0px; --text-label-lg--font-weight: 400; --font-weight-label-lg: 400; --text-label-md: 16px; --text-label-md--line-height: 20px; --leading-label-md: 20px; --text-label-md--letter-spacing: 0px; --tracking-label-md: 0px; --text-label-md--font-weight: 400; --font-weight-label-md: 400; --text-label: 14px; --text-label--line-height: 20px; --leading-label: 20px; --text-label--letter-spacing: 0px; --tracking-label: 0px; --text-label--font-weight: 400; --font-weight-label: 400; --text-label-sm: 13px; --text-label-sm--line-height: 16px; --leading-label-sm: 16px; --text-label-sm--letter-spacing: 0px; --tracking-label-sm: 0px; --text-label-sm--font-weight: 400; --font-weight-label-sm: 400; --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-label-mono-lg: 14px; --text-label-mono-lg--line-height: 20px; --leading-label-mono-lg: 20px; --text-label-mono-lg--letter-spacing: 0px; --tracking-label-mono-lg: 0px; --text-label-mono-lg--font-weight: 400; --font-weight-label-mono-lg: 400; --text-label-mono-md: 13px; --text-label-mono-md--line-height: 20px; --leading-label-mono-md: 20px; --text-label-mono-md--letter-spacing: 0px; --tracking-label-mono-md: 0px; --text-label-mono-md--font-weight: 400; --font-weight-label-mono-md: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 400; --font-weight-label-mono: 400; --text-body-display: 24px; --text-body-display--line-height: 36px; --leading-body-display: 36px; --text-body-display--letter-spacing: 0px; --tracking-body-display: 0px; --text-body-display--font-weight: 400; --font-weight-body-display: 400; --text-body-lead: 20px; --text-body-lead--line-height: 36px; --leading-body-lead: 36px; --text-body-lead--letter-spacing: 0px; --tracking-body-lead: 0px; --text-body-lead--font-weight: 400; --font-weight-body-lead: 400; --text-body-lg: 18px; --text-body-lg--line-height: 28px; --leading-body-lg: 28px; --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: 24px; --leading-body-md: 24px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --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-compact: 13px; --text-body-compact--line-height: 18px; --leading-body-compact: 18px; --text-body-compact--letter-spacing: 0px; --tracking-body-compact: 0px; --text-body-compact--font-weight: 400; --font-weight-body-compact: 400; --text-code: 13px; --text-code--line-height: 18px; --leading-code: 18px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --radius-xs-plus: 4px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 36px; --spacing-nadicode-control-height-sm: 32px; --spacing-nadicode-control-height-lg: 40px; --spacing-nadicode-control-height-xs: 24px; --spacing-nadicode-control-padding-inline: 12px; --spacing-nadicode-button-padding-inline-sm: 6px; --spacing-nadicode-button-padding-inline: 10px; --spacing-nadicode-button-padding-inline-lg: 14px; --spacing-nadicode-card-padding: 20px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-button-padding-inline-sm: var(--spacing-nadicode-button-padding-inline-sm); --spacing-button-padding-inline: var(--spacing-nadicode-button-padding-inline); --spacing-button-padding-inline-lg: var(--spacing-nadicode-button-padding-inline-lg); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-nc-action: oklch(0.5005 0.2804 266.17); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-action-active: oklch(0.4202 0.2522 266.14); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.5103 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.9851 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.9612 0.0000 0.00); --color-nc-link: oklch(0.5005 0.2804 266.17); --color-nc-link-deep: oklch(0.4202 0.2522 266.14); --color-nc-link-bg-soft: oklch(0.9656 0.0171 248.01); --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-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-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --color-nc-logo-guide: oklch(0.6830 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6398 0.2044 356.46); --color-nc-chart-3: oklch(0.5015 0.1883 294.99); --color-nc-chart-4: oklch(0.6824 0.2108 37.70); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5688 0.1995 26.59); --color-nc-chart-7: oklch(0.7691 0.1577 84.69); --color-nc-chart-8: oklch(0.6415 0.1644 153.23); --color-nc-chart-9: oklch(0.7191 0.1452 266.33); --color-nc-chart-10: oklch(0.8309 0.1048 356.57); --color-nc-cobalto-100: oklch(0.9754 0.0115 264.51); --color-nc-cobalto-200: oklch(0.9543 0.0215 265.76); --color-nc-cobalto-300: oklch(0.9297 0.0334 265.23); --color-nc-cobalto-400: oklch(0.8944 0.0509 267.00); --color-nc-cobalto-500: oklch(0.8308 0.0837 265.90); --color-nc-cobalto-600: oklch(0.7191 0.1452 266.33); --color-nc-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-cobalto-900: oklch(0.4202 0.2522 266.14); --color-nc-cobalto-1000: oklch(0.2811 0.1684 266.17); --color-nc-rosso-100: oklch(0.9752 0.0122 29.87); --color-nc-rosso-200: oklch(0.9552 0.0222 27.81); --color-nc-rosso-300: oklch(0.9290 0.0360 26.28); --color-nc-rosso-400: oklch(0.8944 0.0552 26.52); --color-nc-rosso-500: oklch(0.8304 0.0942 26.48); --color-nc-rosso-600: oklch(0.7201 0.1742 26.79); --color-nc-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-rosso-900: oklch(0.4882 0.1797 26.59); --color-nc-rosso-1000: oklch(0.2805 0.1143 26.81); --color-nc-arancio-100: oklch(0.9749 0.0125 35.73); --color-nc-arancio-200: oklch(0.9544 0.0233 37.38); --color-nc-arancio-300: oklch(0.9298 0.0366 36.77); --color-nc-arancio-400: oklch(0.8945 0.0567 37.21); --color-nc-arancio-500: oklch(0.8292 0.0974 37.12); --color-nc-arancio-600: oklch(0.7428 0.1602 37.76); --color-nc-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-arancio-900: oklch(0.4993 0.1647 37.64); --color-nc-arancio-1000: oklch(0.2801 0.0916 38.02); --color-nc-giallo-100: oklch(0.9860 0.0154 86.42); --color-nc-giallo-200: oklch(0.9699 0.0272 83.54); --color-nc-giallo-300: oklch(0.9555 0.0420 85.96); --color-nc-giallo-400: oklch(0.9298 0.0673 84.45); --color-nc-giallo-500: oklch(0.9004 0.1074 84.93); --color-nc-giallo-600: oklch(0.8696 0.1403 84.42); --color-nc-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-giallo-800: oklch(0.7691 0.1577 84.69); --color-nc-giallo-900: oklch(0.5305 0.1090 83.33); --color-nc-giallo-1000: oklch(0.3186 0.0654 84.14); --color-nc-verde-100: oklch(0.9747 0.0157 154.48); --color-nc-verde-200: oklch(0.9560 0.0265 152.38); --color-nc-verde-300: oklch(0.9290 0.0407 153.11); --color-nc-verde-400: oklch(0.8955 0.0664 152.93); --color-nc-verde-500: oklch(0.8310 0.1403 153.27); --color-nc-verde-600: oklch(0.7191 0.1645 153.16); --color-nc-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-verde-900: oklch(0.4992 0.1279 153.23); --color-nc-verde-1000: oklch(0.2815 0.0723 153.13); --color-nc-acqua-100: oklch(0.9752 0.0109 211.04); --color-nc-acqua-200: oklch(0.9559 0.0171 205.84); --color-nc-acqua-300: oklch(0.9297 0.0259 208.75); --color-nc-acqua-400: oklch(0.8954 0.0424 207.56); --color-nc-acqua-500: oklch(0.8304 0.0902 209.06); --color-nc-acqua-600: oklch(0.7205 0.1064 208.54); --color-nc-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-acqua-900: oklch(0.4990 0.0860 208.78); --color-nc-acqua-1000: oklch(0.2797 0.0484 210.29); --color-nc-viola-100: oklch(0.9745 0.0134 295.33); --color-nc-viola-200: oklch(0.9545 0.0243 296.12); --color-nc-viola-300: oklch(0.9290 0.0381 295.47); --color-nc-viola-400: oklch(0.8954 0.0563 294.18); --color-nc-viola-500: oklch(0.8289 0.0954 295.03); --color-nc-viola-600: oklch(0.7204 0.1631 294.91); --color-nc-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-viola-900: oklch(0.4227 0.1694 295.05); --color-nc-viola-1000: oklch(0.2796 0.1131 295.14); --color-nc-rosa-100: oklch(0.9746 0.0139 355.00); --color-nc-rosa-200: oklch(0.9555 0.0241 358.28); --color-nc-rosa-300: oklch(0.9307 0.0386 357.63); --color-nc-rosa-400: oklch(0.8944 0.0614 356.49); --color-nc-rosa-500: oklch(0.8309 0.1048 356.57); --color-nc-rosa-600: oklch(0.7193 0.1969 356.59); --color-nc-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-rosa-900: oklch(0.5009 0.1842 356.43); --color-nc-rosa-1000: oklch(0.2808 0.1147 356.80); --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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1684 0.0000 0.00); --color-nc-card-graphite: oklch(0.1957 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.7090 0.0000 0.00); --color-nc-dark-muted: oklch(0.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.3485 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.5005 0.2804 266.17); --color-nc-dark-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-dark-action-active: oklch(0.4202 0.2522 266.14); --color-nc-dark-link: oklch(0.7993 0.1005 266.67); --color-nc-dark-link-deep: oklch(0.8944 0.0509 267.00); --color-nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.0000 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-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.5005 0.2804 266.17); --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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-chart-1: oklch(0.6007 0.2160 266.02); --color-nc-dark-chart-2: oklch(0.6611 0.1941 356.61); --color-nc-dark-chart-3: oklch(0.6004 0.1789 294.79); --color-nc-dark-chart-4: oklch(0.6612 0.2003 37.74); --color-nc-dark-chart-5: oklch(0.6568 0.1009 208.69); --color-nc-dark-chart-6: oklch(0.6084 0.1887 26.65); --color-nc-dark-chart-7: oklch(0.8466 0.1678 84.63); --color-nc-dark-chart-8: oklch(0.6608 0.1568 153.03); --color-nc-dark-chart-9: oklch(0.7993 0.1005 266.67); --color-nc-dark-chart-10: oklch(0.8005 0.1279 356.32); --color-nc-dark-cobalto-100: oklch(0.1915 0.0982 266.32); --color-nc-dark-cobalto-200: oklch(0.2197 0.1184 266.25); --color-nc-dark-cobalto-300: oklch(0.2604 0.1398 265.97); --color-nc-dark-cobalto-400: oklch(0.2997 0.1624 266.24); --color-nc-dark-cobalto-500: oklch(0.3702 0.1966 266.08); --color-nc-dark-cobalto-600: oklch(0.6007 0.2160 266.02); --color-nc-dark-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-dark-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-dark-cobalto-900: oklch(0.7993 0.1005 266.67); --color-nc-dark-cobalto-1000: oklch(0.9604 0.0186 265.98); --color-nc-dark-rosso-100: oklch(0.1907 0.0689 26.80); --color-nc-dark-rosso-200: oklch(0.2215 0.0837 26.41); --color-nc-dark-rosso-300: oklch(0.2596 0.0994 26.37); --color-nc-dark-rosso-400: oklch(0.3014 0.1159 26.97); --color-nc-dark-rosso-500: oklch(0.3705 0.1397 26.54); --color-nc-dark-rosso-600: oklch(0.6084 0.1887 26.65); --color-nc-dark-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-dark-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-dark-rosso-900: oklch(0.7992 0.1149 26.43); --color-nc-dark-rosso-1000: oklch(0.9598 0.0198 25.17); --color-nc-dark-arancio-100: oklch(0.1909 0.0632 37.47); --color-nc-dark-arancio-200: oklch(0.2201 0.0732 37.26); --color-nc-dark-arancio-300: oklch(0.2598 0.0852 37.90); --color-nc-dark-arancio-400: oklch(0.2988 0.0989 37.50); --color-nc-dark-arancio-500: oklch(0.3706 0.1219 37.77); --color-nc-dark-arancio-600: oklch(0.6612 0.2003 37.74); --color-nc-dark-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-dark-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-dark-arancio-900: oklch(0.7993 0.1180 37.52); --color-nc-dark-arancio-1000: oklch(0.9590 0.0208 36.03); --color-nc-dark-giallo-100: oklch(0.1903 0.0391 84.07); --color-nc-dark-giallo-200: oklch(0.2185 0.0449 83.81); --color-nc-dark-giallo-300: oklch(0.2592 0.0532 83.54); --color-nc-dark-giallo-400: oklch(0.3008 0.0616 85.18); --color-nc-dark-giallo-500: oklch(0.3705 0.0759 85.25); --color-nc-dark-giallo-600: oklch(0.6598 0.1353 84.83); --color-nc-dark-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-dark-giallo-800: oklch(0.8064 0.1654 84.43); --color-nc-dark-giallo-900: oklch(0.8007 0.1595 84.74); --color-nc-dark-giallo-1000: oklch(0.9604 0.0256 84.59); --color-nc-dark-verde-100: oklch(0.1910 0.0488 153.39); --color-nc-dark-verde-200: oklch(0.2208 0.0571 152.80); --color-nc-dark-verde-300: oklch(0.2606 0.0664 153.49); --color-nc-dark-verde-400: oklch(0.2987 0.0765 153.24); --color-nc-dark-verde-500: oklch(0.3685 0.0944 153.24); --color-nc-dark-verde-600: oklch(0.6608 0.1568 153.03); --color-nc-dark-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-dark-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-dark-verde-900: oklch(0.7994 0.1555 153.29); --color-nc-dark-verde-1000: oklch(0.9600 0.0248 152.88); --color-nc-dark-acqua-100: oklch(0.1914 0.0330 209.05); --color-nc-dark-acqua-200: oklch(0.2192 0.0379 209.81); --color-nc-dark-acqua-300: oklch(0.2610 0.0450 209.30); --color-nc-dark-acqua-400: oklch(0.3011 0.0519 208.95); --color-nc-dark-acqua-500: oklch(0.3711 0.0639 208.82); --color-nc-dark-acqua-600: oklch(0.6568 0.1009 208.69); --color-nc-dark-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-dark-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-dark-acqua-900: oklch(0.8004 0.1007 208.37); --color-nc-dark-acqua-1000: oklch(0.9596 0.0161 206.44); --color-nc-dark-viola-100: oklch(0.1897 0.0654 295.79); --color-nc-dark-viola-200: oklch(0.2192 0.0805 294.49); --color-nc-dark-viola-300: oklch(0.2605 0.0949 295.18); --color-nc-dark-viola-400: oklch(0.2990 0.1087 294.76); --color-nc-dark-viola-500: oklch(0.3702 0.1310 295.14); --color-nc-dark-viola-600: oklch(0.6004 0.1789 294.79); --color-nc-dark-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-dark-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-dark-viola-900: oklch(0.8000 0.1131 295.20); --color-nc-dark-viola-1000: oklch(0.9591 0.0215 294.60); --color-nc-dark-rosa-100: oklch(0.1902 0.0716 355.67); --color-nc-dark-rosa-200: oklch(0.2198 0.0850 357.06); --color-nc-dark-rosa-300: oklch(0.2591 0.1026 356.37); --color-nc-dark-rosa-400: oklch(0.3000 0.1188 356.62); --color-nc-dark-rosa-500: oklch(0.3695 0.1426 356.71); --color-nc-dark-rosa-600: oklch(0.6611 0.1941 356.61); --color-nc-dark-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-dark-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-dark-rosa-900: oklch(0.8005 0.1279 356.32); --color-nc-dark-rosa-1000: oklch(0.9599 0.0220 356.32); --color-nc-category-teal-soft: oklch(0.9585 0.0244 187.32); --color-nc-category-teal-deep: oklch(0.4600 0.0788 185.34); --color-nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13); --color-nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70); --color-nc-category-purple-soft: oklch(0.9464 0.0327 307.17); --color-nc-category-purple-deep: oklch(0.4541 0.1958 308.26); --color-nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78); --color-nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92); --color-nc-category-pink-soft: oklch(0.9476 0.0263 347.12); --color-nc-category-pink-deep: oklch(0.4863 0.1711 355.09); --color-nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51); --color-nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-wide: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-section: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-mono-lg: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono-md: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-body-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lead: 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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 72px; --leading-display-xl: 72px; --text-display-xl--letter-spacing: -4.32px; --tracking-display-xl: -4.32px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-wide: 64px; --text-display-wide--line-height: 64px; --leading-display-wide: 64px; --text-display-wide--letter-spacing: -3.84px; --tracking-display-wide: -3.84px; --text-display-wide--font-weight: 600; --font-weight-display-wide: 600; --text-display-lg: 56px; --text-display-lg--line-height: 56px; --leading-display-lg: 56px; --text-display-lg--letter-spacing: -3.36px; --tracking-display-lg: -3.36px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-section: 48px; --text-display-section--line-height: 56px; --leading-display-section: 56px; --text-display-section--letter-spacing: -2.88px; --tracking-display-section: -2.88px; --text-display-section--font-weight: 600; --font-weight-display-section: 600; --text-display-md: 40px; --text-display-md--line-height: 48px; --leading-display-md: 48px; --text-display-md--letter-spacing: -2.4px; --tracking-display-md: -2.4px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 32px; --text-heading-lg--line-height: 40px; --leading-heading-lg: 40px; --text-heading-lg--letter-spacing: -1.28px; --tracking-heading-lg: -1.28px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: -0.96px; --tracking-heading-md: -0.96px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 26px; --leading-heading-sm: 26px; --text-heading-sm--letter-spacing: -0.4px; --tracking-heading-sm: -0.4px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-heading-xs: 16px; --text-heading-xs--line-height: 24px; --leading-heading-xs: 24px; --text-heading-xs--letter-spacing: -0.32px; --tracking-heading-xs: -0.32px; --text-heading-xs--font-weight: 600; --font-weight-heading-xs: 600; --text-heading-compact: 14px; --text-heading-compact--line-height: 20px; --leading-heading-compact: 20px; --text-heading-compact--letter-spacing: -0.28px; --tracking-heading-compact: -0.28px; --text-heading-compact--font-weight: 600; --font-weight-heading-compact: 600; --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; --text-button: 14px; --text-button--line-height: 21px; --leading-button: 21px; --text-button--letter-spacing: 0px; --tracking-button: 0px; --text-button--font-weight: 500; --font-weight-button: 500; --text-button-xs: 12px; --text-button-xs--line-height: 16px; --leading-button-xs: 16px; --text-button-xs--letter-spacing: 0px; --tracking-button-xs: 0px; --text-button-xs--font-weight: 500; --font-weight-button-xs: 500; --text-label-display: 20px; --text-label-display--line-height: 32px; --leading-label-display: 32px; --text-label-display--letter-spacing: 0px; --tracking-label-display: 0px; --text-label-display--font-weight: 400; --font-weight-label-display: 400; --text-label-lg: 18px; --text-label-lg--line-height: 20px; --leading-label-lg: 20px; --text-label-lg--letter-spacing: 0px; --tracking-label-lg: 0px; --text-label-lg--font-weight: 400; --font-weight-label-lg: 400; --text-label-md: 16px; --text-label-md--line-height: 20px; --leading-label-md: 20px; --text-label-md--letter-spacing: 0px; --tracking-label-md: 0px; --text-label-md--font-weight: 400; --font-weight-label-md: 400; --text-label: 14px; --text-label--line-height: 20px; --leading-label: 20px; --text-label--letter-spacing: 0px; --tracking-label: 0px; --text-label--font-weight: 400; --font-weight-label: 400; --text-label-sm: 13px; --text-label-sm--line-height: 16px; --leading-label-sm: 16px; --text-label-sm--letter-spacing: 0px; --tracking-label-sm: 0px; --text-label-sm--font-weight: 400; --font-weight-label-sm: 400; --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-label-mono-lg: 14px; --text-label-mono-lg--line-height: 20px; --leading-label-mono-lg: 20px; --text-label-mono-lg--letter-spacing: 0px; --tracking-label-mono-lg: 0px; --text-label-mono-lg--font-weight: 400; --font-weight-label-mono-lg: 400; --text-label-mono-md: 13px; --text-label-mono-md--line-height: 20px; --leading-label-mono-md: 20px; --text-label-mono-md--letter-spacing: 0px; --tracking-label-mono-md: 0px; --text-label-mono-md--font-weight: 400; --font-weight-label-mono-md: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 400; --font-weight-label-mono: 400; --text-body-display: 24px; --text-body-display--line-height: 36px; --leading-body-display: 36px; --text-body-display--letter-spacing: 0px; --tracking-body-display: 0px; --text-body-display--font-weight: 400; --font-weight-body-display: 400; --text-body-lead: 20px; --text-body-lead--line-height: 36px; --leading-body-lead: 36px; --text-body-lead--letter-spacing: 0px; --tracking-body-lead: 0px; --text-body-lead--font-weight: 400; --font-weight-body-lead: 400; --text-body-lg: 18px; --text-body-lg--line-height: 28px; --leading-body-lg: 28px; --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: 24px; --leading-body-md: 24px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --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-compact: 13px; --text-body-compact--line-height: 18px; --leading-body-compact: 18px; --text-body-compact--letter-spacing: 0px; --tracking-body-compact: 0px; --text-body-compact--font-weight: 400; --font-weight-body-compact: 400; --text-code: 13px; --text-code--line-height: 18px; --leading-code: 18px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --radius-xs-plus: 4px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 36px; --spacing-nadicode-control-height-sm: 32px; --spacing-nadicode-control-height-lg: 40px; --spacing-nadicode-control-height-xs: 24px; --spacing-nadicode-control-padding-inline: 12px; --spacing-nadicode-button-padding-inline-sm: 6px; --spacing-nadicode-button-padding-inline: 10px; --spacing-nadicode-button-padding-inline-lg: 14px; --spacing-nadicode-card-padding: 20px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-button-padding-inline-sm: var(--spacing-nadicode-button-padding-inline-sm); --spacing-button-padding-inline: var(--spacing-nadicode-button-padding-inline); --spacing-button-padding-inline-lg: var(--spacing-nadicode-button-padding-inline-lg); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
 }
 @utility text-display-xl { & strong { font-weight: 500; } }
 @utility text-display-wide { & strong { font-weight: 500; } }

package/dist/css/index.css CHANGED Viewed

@@ -197,7 +197,7 @@
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);
     --nc-dark-muted: oklch(0.6993 0.0000 0.00);
-    --nc-dark-line: oklch(0.2686 0.0000 0.00);
+    --nc-dark-line: oklch(0.3485 0.0000 0.00);
     --nc-dark-input: oklch(0.5590 0.0000 0.00);
     --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
     --nc-dark-action: oklch(0.5005 0.2804 266.17);
@@ -1012,7 +1012,7 @@
     --category-pink: var(--nc-dark-category-pink-soft);
     --category-pink-foreground: var(--nc-dark-category-pink-deep);
   }
-  @theme { --color-*: initial; --color-nc-action: oklch(0.5005 0.2804 266.17); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-action-active: oklch(0.4202 0.2522 266.14); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.5103 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.9851 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.9612 0.0000 0.00); --color-nc-link: oklch(0.5005 0.2804 266.17); --color-nc-link-deep: oklch(0.4202 0.2522 266.14); --color-nc-link-bg-soft: oklch(0.9656 0.0171 248.01); --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-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-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --color-nc-logo-guide: oklch(0.6830 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6398 0.2044 356.46); --color-nc-chart-3: oklch(0.5015 0.1883 294.99); --color-nc-chart-4: oklch(0.6824 0.2108 37.70); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5688 0.1995 26.59); --color-nc-chart-7: oklch(0.7691 0.1577 84.69); --color-nc-chart-8: oklch(0.6415 0.1644 153.23); --color-nc-chart-9: oklch(0.7191 0.1452 266.33); --color-nc-chart-10: oklch(0.8309 0.1048 356.57); --color-nc-cobalto-100: oklch(0.9754 0.0115 264.51); --color-nc-cobalto-200: oklch(0.9543 0.0215 265.76); --color-nc-cobalto-300: oklch(0.9297 0.0334 265.23); --color-nc-cobalto-400: oklch(0.8944 0.0509 267.00); --color-nc-cobalto-500: oklch(0.8308 0.0837 265.90); --color-nc-cobalto-600: oklch(0.7191 0.1452 266.33); --color-nc-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-cobalto-900: oklch(0.4202 0.2522 266.14); --color-nc-cobalto-1000: oklch(0.2811 0.1684 266.17); --color-nc-rosso-100: oklch(0.9752 0.0122 29.87); --color-nc-rosso-200: oklch(0.9552 0.0222 27.81); --color-nc-rosso-300: oklch(0.9290 0.0360 26.28); --color-nc-rosso-400: oklch(0.8944 0.0552 26.52); --color-nc-rosso-500: oklch(0.8304 0.0942 26.48); --color-nc-rosso-600: oklch(0.7201 0.1742 26.79); --color-nc-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-rosso-900: oklch(0.4882 0.1797 26.59); --color-nc-rosso-1000: oklch(0.2805 0.1143 26.81); --color-nc-arancio-100: oklch(0.9749 0.0125 35.73); --color-nc-arancio-200: oklch(0.9544 0.0233 37.38); --color-nc-arancio-300: oklch(0.9298 0.0366 36.77); --color-nc-arancio-400: oklch(0.8945 0.0567 37.21); --color-nc-arancio-500: oklch(0.8292 0.0974 37.12); --color-nc-arancio-600: oklch(0.7428 0.1602 37.76); --color-nc-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-arancio-900: oklch(0.4993 0.1647 37.64); --color-nc-arancio-1000: oklch(0.2801 0.0916 38.02); --color-nc-giallo-100: oklch(0.9860 0.0154 86.42); --color-nc-giallo-200: oklch(0.9699 0.0272 83.54); --color-nc-giallo-300: oklch(0.9555 0.0420 85.96); --color-nc-giallo-400: oklch(0.9298 0.0673 84.45); --color-nc-giallo-500: oklch(0.9004 0.1074 84.93); --color-nc-giallo-600: oklch(0.8696 0.1403 84.42); --color-nc-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-giallo-800: oklch(0.7691 0.1577 84.69); --color-nc-giallo-900: oklch(0.5305 0.1090 83.33); --color-nc-giallo-1000: oklch(0.3186 0.0654 84.14); --color-nc-verde-100: oklch(0.9747 0.0157 154.48); --color-nc-verde-200: oklch(0.9560 0.0265 152.38); --color-nc-verde-300: oklch(0.9290 0.0407 153.11); --color-nc-verde-400: oklch(0.8955 0.0664 152.93); --color-nc-verde-500: oklch(0.8310 0.1403 153.27); --color-nc-verde-600: oklch(0.7191 0.1645 153.16); --color-nc-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-verde-900: oklch(0.4992 0.1279 153.23); --color-nc-verde-1000: oklch(0.2815 0.0723 153.13); --color-nc-acqua-100: oklch(0.9752 0.0109 211.04); --color-nc-acqua-200: oklch(0.9559 0.0171 205.84); --color-nc-acqua-300: oklch(0.9297 0.0259 208.75); --color-nc-acqua-400: oklch(0.8954 0.0424 207.56); --color-nc-acqua-500: oklch(0.8304 0.0902 209.06); --color-nc-acqua-600: oklch(0.7205 0.1064 208.54); --color-nc-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-acqua-900: oklch(0.4990 0.0860 208.78); --color-nc-acqua-1000: oklch(0.2797 0.0484 210.29); --color-nc-viola-100: oklch(0.9745 0.0134 295.33); --color-nc-viola-200: oklch(0.9545 0.0243 296.12); --color-nc-viola-300: oklch(0.9290 0.0381 295.47); --color-nc-viola-400: oklch(0.8954 0.0563 294.18); --color-nc-viola-500: oklch(0.8289 0.0954 295.03); --color-nc-viola-600: oklch(0.7204 0.1631 294.91); --color-nc-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-viola-900: oklch(0.4227 0.1694 295.05); --color-nc-viola-1000: oklch(0.2796 0.1131 295.14); --color-nc-rosa-100: oklch(0.9746 0.0139 355.00); --color-nc-rosa-200: oklch(0.9555 0.0241 358.28); --color-nc-rosa-300: oklch(0.9307 0.0386 357.63); --color-nc-rosa-400: oklch(0.8944 0.0614 356.49); --color-nc-rosa-500: oklch(0.8309 0.1048 356.57); --color-nc-rosa-600: oklch(0.7193 0.1969 356.59); --color-nc-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-rosa-900: oklch(0.5009 0.1842 356.43); --color-nc-rosa-1000: oklch(0.2808 0.1147 356.80); --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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1684 0.0000 0.00); --color-nc-card-graphite: oklch(0.1957 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.7090 0.0000 0.00); --color-nc-dark-muted: oklch(0.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.5005 0.2804 266.17); --color-nc-dark-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-dark-action-active: oklch(0.4202 0.2522 266.14); --color-nc-dark-link: oklch(0.7993 0.1005 266.67); --color-nc-dark-link-deep: oklch(0.8944 0.0509 267.00); --color-nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.0000 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-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.5005 0.2804 266.17); --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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-chart-1: oklch(0.6007 0.2160 266.02); --color-nc-dark-chart-2: oklch(0.6611 0.1941 356.61); --color-nc-dark-chart-3: oklch(0.6004 0.1789 294.79); --color-nc-dark-chart-4: oklch(0.6612 0.2003 37.74); --color-nc-dark-chart-5: oklch(0.6568 0.1009 208.69); --color-nc-dark-chart-6: oklch(0.6084 0.1887 26.65); --color-nc-dark-chart-7: oklch(0.8466 0.1678 84.63); --color-nc-dark-chart-8: oklch(0.6608 0.1568 153.03); --color-nc-dark-chart-9: oklch(0.7993 0.1005 266.67); --color-nc-dark-chart-10: oklch(0.8005 0.1279 356.32); --color-nc-dark-cobalto-100: oklch(0.1915 0.0982 266.32); --color-nc-dark-cobalto-200: oklch(0.2197 0.1184 266.25); --color-nc-dark-cobalto-300: oklch(0.2604 0.1398 265.97); --color-nc-dark-cobalto-400: oklch(0.2997 0.1624 266.24); --color-nc-dark-cobalto-500: oklch(0.3702 0.1966 266.08); --color-nc-dark-cobalto-600: oklch(0.6007 0.2160 266.02); --color-nc-dark-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-dark-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-dark-cobalto-900: oklch(0.7993 0.1005 266.67); --color-nc-dark-cobalto-1000: oklch(0.9604 0.0186 265.98); --color-nc-dark-rosso-100: oklch(0.1907 0.0689 26.80); --color-nc-dark-rosso-200: oklch(0.2215 0.0837 26.41); --color-nc-dark-rosso-300: oklch(0.2596 0.0994 26.37); --color-nc-dark-rosso-400: oklch(0.3014 0.1159 26.97); --color-nc-dark-rosso-500: oklch(0.3705 0.1397 26.54); --color-nc-dark-rosso-600: oklch(0.6084 0.1887 26.65); --color-nc-dark-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-dark-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-dark-rosso-900: oklch(0.7992 0.1149 26.43); --color-nc-dark-rosso-1000: oklch(0.9598 0.0198 25.17); --color-nc-dark-arancio-100: oklch(0.1909 0.0632 37.47); --color-nc-dark-arancio-200: oklch(0.2201 0.0732 37.26); --color-nc-dark-arancio-300: oklch(0.2598 0.0852 37.90); --color-nc-dark-arancio-400: oklch(0.2988 0.0989 37.50); --color-nc-dark-arancio-500: oklch(0.3706 0.1219 37.77); --color-nc-dark-arancio-600: oklch(0.6612 0.2003 37.74); --color-nc-dark-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-dark-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-dark-arancio-900: oklch(0.7993 0.1180 37.52); --color-nc-dark-arancio-1000: oklch(0.9590 0.0208 36.03); --color-nc-dark-giallo-100: oklch(0.1903 0.0391 84.07); --color-nc-dark-giallo-200: oklch(0.2185 0.0449 83.81); --color-nc-dark-giallo-300: oklch(0.2592 0.0532 83.54); --color-nc-dark-giallo-400: oklch(0.3008 0.0616 85.18); --color-nc-dark-giallo-500: oklch(0.3705 0.0759 85.25); --color-nc-dark-giallo-600: oklch(0.6598 0.1353 84.83); --color-nc-dark-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-dark-giallo-800: oklch(0.8064 0.1654 84.43); --color-nc-dark-giallo-900: oklch(0.8007 0.1595 84.74); --color-nc-dark-giallo-1000: oklch(0.9604 0.0256 84.59); --color-nc-dark-verde-100: oklch(0.1910 0.0488 153.39); --color-nc-dark-verde-200: oklch(0.2208 0.0571 152.80); --color-nc-dark-verde-300: oklch(0.2606 0.0664 153.49); --color-nc-dark-verde-400: oklch(0.2987 0.0765 153.24); --color-nc-dark-verde-500: oklch(0.3685 0.0944 153.24); --color-nc-dark-verde-600: oklch(0.6608 0.1568 153.03); --color-nc-dark-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-dark-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-dark-verde-900: oklch(0.7994 0.1555 153.29); --color-nc-dark-verde-1000: oklch(0.9600 0.0248 152.88); --color-nc-dark-acqua-100: oklch(0.1914 0.0330 209.05); --color-nc-dark-acqua-200: oklch(0.2192 0.0379 209.81); --color-nc-dark-acqua-300: oklch(0.2610 0.0450 209.30); --color-nc-dark-acqua-400: oklch(0.3011 0.0519 208.95); --color-nc-dark-acqua-500: oklch(0.3711 0.0639 208.82); --color-nc-dark-acqua-600: oklch(0.6568 0.1009 208.69); --color-nc-dark-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-dark-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-dark-acqua-900: oklch(0.8004 0.1007 208.37); --color-nc-dark-acqua-1000: oklch(0.9596 0.0161 206.44); --color-nc-dark-viola-100: oklch(0.1897 0.0654 295.79); --color-nc-dark-viola-200: oklch(0.2192 0.0805 294.49); --color-nc-dark-viola-300: oklch(0.2605 0.0949 295.18); --color-nc-dark-viola-400: oklch(0.2990 0.1087 294.76); --color-nc-dark-viola-500: oklch(0.3702 0.1310 295.14); --color-nc-dark-viola-600: oklch(0.6004 0.1789 294.79); --color-nc-dark-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-dark-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-dark-viola-900: oklch(0.8000 0.1131 295.20); --color-nc-dark-viola-1000: oklch(0.9591 0.0215 294.60); --color-nc-dark-rosa-100: oklch(0.1902 0.0716 355.67); --color-nc-dark-rosa-200: oklch(0.2198 0.0850 357.06); --color-nc-dark-rosa-300: oklch(0.2591 0.1026 356.37); --color-nc-dark-rosa-400: oklch(0.3000 0.1188 356.62); --color-nc-dark-rosa-500: oklch(0.3695 0.1426 356.71); --color-nc-dark-rosa-600: oklch(0.6611 0.1941 356.61); --color-nc-dark-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-dark-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-dark-rosa-900: oklch(0.8005 0.1279 356.32); --color-nc-dark-rosa-1000: oklch(0.9599 0.0220 356.32); --color-nc-category-teal-soft: oklch(0.9585 0.0244 187.32); --color-nc-category-teal-deep: oklch(0.4600 0.0788 185.34); --color-nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13); --color-nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70); --color-nc-category-purple-soft: oklch(0.9464 0.0327 307.17); --color-nc-category-purple-deep: oklch(0.4541 0.1958 308.26); --color-nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78); --color-nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92); --color-nc-category-pink-soft: oklch(0.9476 0.0263 347.12); --color-nc-category-pink-deep: oklch(0.4863 0.1711 355.09); --color-nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51); --color-nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-wide: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-section: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-mono-lg: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono-md: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-body-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lead: 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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 72px; --leading-display-xl: 72px; --text-display-xl--letter-spacing: -4.32px; --tracking-display-xl: -4.32px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-wide: 64px; --text-display-wide--line-height: 64px; --leading-display-wide: 64px; --text-display-wide--letter-spacing: -3.84px; --tracking-display-wide: -3.84px; --text-display-wide--font-weight: 600; --font-weight-display-wide: 600; --text-display-lg: 56px; --text-display-lg--line-height: 56px; --leading-display-lg: 56px; --text-display-lg--letter-spacing: -3.36px; --tracking-display-lg: -3.36px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-section: 48px; --text-display-section--line-height: 56px; --leading-display-section: 56px; --text-display-section--letter-spacing: -2.88px; --tracking-display-section: -2.88px; --text-display-section--font-weight: 600; --font-weight-display-section: 600; --text-display-md: 40px; --text-display-md--line-height: 48px; --leading-display-md: 48px; --text-display-md--letter-spacing: -2.4px; --tracking-display-md: -2.4px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 32px; --text-heading-lg--line-height: 40px; --leading-heading-lg: 40px; --text-heading-lg--letter-spacing: -1.28px; --tracking-heading-lg: -1.28px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: -0.96px; --tracking-heading-md: -0.96px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 26px; --leading-heading-sm: 26px; --text-heading-sm--letter-spacing: -0.4px; --tracking-heading-sm: -0.4px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-heading-xs: 16px; --text-heading-xs--line-height: 24px; --leading-heading-xs: 24px; --text-heading-xs--letter-spacing: -0.32px; --tracking-heading-xs: -0.32px; --text-heading-xs--font-weight: 600; --font-weight-heading-xs: 600; --text-heading-compact: 14px; --text-heading-compact--line-height: 20px; --leading-heading-compact: 20px; --text-heading-compact--letter-spacing: -0.28px; --tracking-heading-compact: -0.28px; --text-heading-compact--font-weight: 600; --font-weight-heading-compact: 600; --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; --text-button: 14px; --text-button--line-height: 21px; --leading-button: 21px; --text-button--letter-spacing: 0px; --tracking-button: 0px; --text-button--font-weight: 500; --font-weight-button: 500; --text-button-xs: 12px; --text-button-xs--line-height: 16px; --leading-button-xs: 16px; --text-button-xs--letter-spacing: 0px; --tracking-button-xs: 0px; --text-button-xs--font-weight: 500; --font-weight-button-xs: 500; --text-label-display: 20px; --text-label-display--line-height: 32px; --leading-label-display: 32px; --text-label-display--letter-spacing: 0px; --tracking-label-display: 0px; --text-label-display--font-weight: 400; --font-weight-label-display: 400; --text-label-lg: 18px; --text-label-lg--line-height: 20px; --leading-label-lg: 20px; --text-label-lg--letter-spacing: 0px; --tracking-label-lg: 0px; --text-label-lg--font-weight: 400; --font-weight-label-lg: 400; --text-label-md: 16px; --text-label-md--line-height: 20px; --leading-label-md: 20px; --text-label-md--letter-spacing: 0px; --tracking-label-md: 0px; --text-label-md--font-weight: 400; --font-weight-label-md: 400; --text-label: 14px; --text-label--line-height: 20px; --leading-label: 20px; --text-label--letter-spacing: 0px; --tracking-label: 0px; --text-label--font-weight: 400; --font-weight-label: 400; --text-label-sm: 13px; --text-label-sm--line-height: 16px; --leading-label-sm: 16px; --text-label-sm--letter-spacing: 0px; --tracking-label-sm: 0px; --text-label-sm--font-weight: 400; --font-weight-label-sm: 400; --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-label-mono-lg: 14px; --text-label-mono-lg--line-height: 20px; --leading-label-mono-lg: 20px; --text-label-mono-lg--letter-spacing: 0px; --tracking-label-mono-lg: 0px; --text-label-mono-lg--font-weight: 400; --font-weight-label-mono-lg: 400; --text-label-mono-md: 13px; --text-label-mono-md--line-height: 20px; --leading-label-mono-md: 20px; --text-label-mono-md--letter-spacing: 0px; --tracking-label-mono-md: 0px; --text-label-mono-md--font-weight: 400; --font-weight-label-mono-md: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 400; --font-weight-label-mono: 400; --text-body-display: 24px; --text-body-display--line-height: 36px; --leading-body-display: 36px; --text-body-display--letter-spacing: 0px; --tracking-body-display: 0px; --text-body-display--font-weight: 400; --font-weight-body-display: 400; --text-body-lead: 20px; --text-body-lead--line-height: 36px; --leading-body-lead: 36px; --text-body-lead--letter-spacing: 0px; --tracking-body-lead: 0px; --text-body-lead--font-weight: 400; --font-weight-body-lead: 400; --text-body-lg: 18px; --text-body-lg--line-height: 28px; --leading-body-lg: 28px; --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: 24px; --leading-body-md: 24px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --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-compact: 13px; --text-body-compact--line-height: 18px; --leading-body-compact: 18px; --text-body-compact--letter-spacing: 0px; --tracking-body-compact: 0px; --text-body-compact--font-weight: 400; --font-weight-body-compact: 400; --text-code: 13px; --text-code--line-height: 18px; --leading-code: 18px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --radius-none: 0px; --radius-xs: 2px; --radius-xs-plus: 4px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-3xl: 24px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 36px; --spacing-nadicode-control-height-sm: 32px; --spacing-nadicode-control-height-lg: 40px; --spacing-nadicode-control-height-xs: 24px; --spacing-nadicode-control-padding-inline: 12px; --spacing-nadicode-button-padding-inline-sm: 6px; --spacing-nadicode-button-padding-inline: 10px; --spacing-nadicode-button-padding-inline-lg: 14px; --spacing-nadicode-card-padding: 20px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-button-padding-inline-sm: var(--spacing-nadicode-button-padding-inline-sm); --spacing-button-padding-inline: var(--spacing-nadicode-button-padding-inline); --spacing-button-padding-inline-lg: var(--spacing-nadicode-button-padding-inline-lg); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-*: initial; --color-nc-action: oklch(0.5005 0.2804 266.17); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-action-active: oklch(0.4202 0.2522 266.14); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.5103 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.9851 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.9612 0.0000 0.00); --color-nc-link: oklch(0.5005 0.2804 266.17); --color-nc-link-deep: oklch(0.4202 0.2522 266.14); --color-nc-link-bg-soft: oklch(0.9656 0.0171 248.01); --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-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-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --color-nc-logo-guide: oklch(0.6830 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6398 0.2044 356.46); --color-nc-chart-3: oklch(0.5015 0.1883 294.99); --color-nc-chart-4: oklch(0.6824 0.2108 37.70); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5688 0.1995 26.59); --color-nc-chart-7: oklch(0.7691 0.1577 84.69); --color-nc-chart-8: oklch(0.6415 0.1644 153.23); --color-nc-chart-9: oklch(0.7191 0.1452 266.33); --color-nc-chart-10: oklch(0.8309 0.1048 356.57); --color-nc-cobalto-100: oklch(0.9754 0.0115 264.51); --color-nc-cobalto-200: oklch(0.9543 0.0215 265.76); --color-nc-cobalto-300: oklch(0.9297 0.0334 265.23); --color-nc-cobalto-400: oklch(0.8944 0.0509 267.00); --color-nc-cobalto-500: oklch(0.8308 0.0837 265.90); --color-nc-cobalto-600: oklch(0.7191 0.1452 266.33); --color-nc-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-cobalto-900: oklch(0.4202 0.2522 266.14); --color-nc-cobalto-1000: oklch(0.2811 0.1684 266.17); --color-nc-rosso-100: oklch(0.9752 0.0122 29.87); --color-nc-rosso-200: oklch(0.9552 0.0222 27.81); --color-nc-rosso-300: oklch(0.9290 0.0360 26.28); --color-nc-rosso-400: oklch(0.8944 0.0552 26.52); --color-nc-rosso-500: oklch(0.8304 0.0942 26.48); --color-nc-rosso-600: oklch(0.7201 0.1742 26.79); --color-nc-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-rosso-900: oklch(0.4882 0.1797 26.59); --color-nc-rosso-1000: oklch(0.2805 0.1143 26.81); --color-nc-arancio-100: oklch(0.9749 0.0125 35.73); --color-nc-arancio-200: oklch(0.9544 0.0233 37.38); --color-nc-arancio-300: oklch(0.9298 0.0366 36.77); --color-nc-arancio-400: oklch(0.8945 0.0567 37.21); --color-nc-arancio-500: oklch(0.8292 0.0974 37.12); --color-nc-arancio-600: oklch(0.7428 0.1602 37.76); --color-nc-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-arancio-900: oklch(0.4993 0.1647 37.64); --color-nc-arancio-1000: oklch(0.2801 0.0916 38.02); --color-nc-giallo-100: oklch(0.9860 0.0154 86.42); --color-nc-giallo-200: oklch(0.9699 0.0272 83.54); --color-nc-giallo-300: oklch(0.9555 0.0420 85.96); --color-nc-giallo-400: oklch(0.9298 0.0673 84.45); --color-nc-giallo-500: oklch(0.9004 0.1074 84.93); --color-nc-giallo-600: oklch(0.8696 0.1403 84.42); --color-nc-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-giallo-800: oklch(0.7691 0.1577 84.69); --color-nc-giallo-900: oklch(0.5305 0.1090 83.33); --color-nc-giallo-1000: oklch(0.3186 0.0654 84.14); --color-nc-verde-100: oklch(0.9747 0.0157 154.48); --color-nc-verde-200: oklch(0.9560 0.0265 152.38); --color-nc-verde-300: oklch(0.9290 0.0407 153.11); --color-nc-verde-400: oklch(0.8955 0.0664 152.93); --color-nc-verde-500: oklch(0.8310 0.1403 153.27); --color-nc-verde-600: oklch(0.7191 0.1645 153.16); --color-nc-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-verde-900: oklch(0.4992 0.1279 153.23); --color-nc-verde-1000: oklch(0.2815 0.0723 153.13); --color-nc-acqua-100: oklch(0.9752 0.0109 211.04); --color-nc-acqua-200: oklch(0.9559 0.0171 205.84); --color-nc-acqua-300: oklch(0.9297 0.0259 208.75); --color-nc-acqua-400: oklch(0.8954 0.0424 207.56); --color-nc-acqua-500: oklch(0.8304 0.0902 209.06); --color-nc-acqua-600: oklch(0.7205 0.1064 208.54); --color-nc-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-acqua-900: oklch(0.4990 0.0860 208.78); --color-nc-acqua-1000: oklch(0.2797 0.0484 210.29); --color-nc-viola-100: oklch(0.9745 0.0134 295.33); --color-nc-viola-200: oklch(0.9545 0.0243 296.12); --color-nc-viola-300: oklch(0.9290 0.0381 295.47); --color-nc-viola-400: oklch(0.8954 0.0563 294.18); --color-nc-viola-500: oklch(0.8289 0.0954 295.03); --color-nc-viola-600: oklch(0.7204 0.1631 294.91); --color-nc-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-viola-900: oklch(0.4227 0.1694 295.05); --color-nc-viola-1000: oklch(0.2796 0.1131 295.14); --color-nc-rosa-100: oklch(0.9746 0.0139 355.00); --color-nc-rosa-200: oklch(0.9555 0.0241 358.28); --color-nc-rosa-300: oklch(0.9307 0.0386 357.63); --color-nc-rosa-400: oklch(0.8944 0.0614 356.49); --color-nc-rosa-500: oklch(0.8309 0.1048 356.57); --color-nc-rosa-600: oklch(0.7193 0.1969 356.59); --color-nc-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-rosa-900: oklch(0.5009 0.1842 356.43); --color-nc-rosa-1000: oklch(0.2808 0.1147 356.80); --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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1684 0.0000 0.00); --color-nc-card-graphite: oklch(0.1957 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.7090 0.0000 0.00); --color-nc-dark-muted: oklch(0.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.3485 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.5005 0.2804 266.17); --color-nc-dark-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.4602 0.2797 266.14); --color-nc-dark-action-active: oklch(0.4202 0.2522 266.14); --color-nc-dark-link: oklch(0.7993 0.1005 266.67); --color-nc-dark-link-deep: oklch(0.8944 0.0509 267.00); --color-nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.0000 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-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.5005 0.2804 266.17); --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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-chart-1: oklch(0.6007 0.2160 266.02); --color-nc-dark-chart-2: oklch(0.6611 0.1941 356.61); --color-nc-dark-chart-3: oklch(0.6004 0.1789 294.79); --color-nc-dark-chart-4: oklch(0.6612 0.2003 37.74); --color-nc-dark-chart-5: oklch(0.6568 0.1009 208.69); --color-nc-dark-chart-6: oklch(0.6084 0.1887 26.65); --color-nc-dark-chart-7: oklch(0.8466 0.1678 84.63); --color-nc-dark-chart-8: oklch(0.6608 0.1568 153.03); --color-nc-dark-chart-9: oklch(0.7993 0.1005 266.67); --color-nc-dark-chart-10: oklch(0.8005 0.1279 356.32); --color-nc-dark-cobalto-100: oklch(0.1915 0.0982 266.32); --color-nc-dark-cobalto-200: oklch(0.2197 0.1184 266.25); --color-nc-dark-cobalto-300: oklch(0.2604 0.1398 265.97); --color-nc-dark-cobalto-400: oklch(0.2997 0.1624 266.24); --color-nc-dark-cobalto-500: oklch(0.3702 0.1966 266.08); --color-nc-dark-cobalto-600: oklch(0.6007 0.2160 266.02); --color-nc-dark-cobalto-700: oklch(0.5005 0.2804 266.17); --color-nc-dark-cobalto-800: oklch(0.4602 0.2797 266.14); --color-nc-dark-cobalto-900: oklch(0.7993 0.1005 266.67); --color-nc-dark-cobalto-1000: oklch(0.9604 0.0186 265.98); --color-nc-dark-rosso-100: oklch(0.1907 0.0689 26.80); --color-nc-dark-rosso-200: oklch(0.2215 0.0837 26.41); --color-nc-dark-rosso-300: oklch(0.2596 0.0994 26.37); --color-nc-dark-rosso-400: oklch(0.3014 0.1159 26.97); --color-nc-dark-rosso-500: oklch(0.3705 0.1397 26.54); --color-nc-dark-rosso-600: oklch(0.6084 0.1887 26.65); --color-nc-dark-rosso-700: oklch(0.5688 0.1995 26.59); --color-nc-dark-rosso-800: oklch(0.5297 0.1996 26.67); --color-nc-dark-rosso-900: oklch(0.7992 0.1149 26.43); --color-nc-dark-rosso-1000: oklch(0.9598 0.0198 25.17); --color-nc-dark-arancio-100: oklch(0.1909 0.0632 37.47); --color-nc-dark-arancio-200: oklch(0.2201 0.0732 37.26); --color-nc-dark-arancio-300: oklch(0.2598 0.0852 37.90); --color-nc-dark-arancio-400: oklch(0.2988 0.0989 37.50); --color-nc-dark-arancio-500: oklch(0.3706 0.1219 37.77); --color-nc-dark-arancio-600: oklch(0.6612 0.2003 37.74); --color-nc-dark-arancio-700: oklch(0.6824 0.2108 37.70); --color-nc-dark-arancio-800: oklch(0.6419 0.2102 37.75); --color-nc-dark-arancio-900: oklch(0.7993 0.1180 37.52); --color-nc-dark-arancio-1000: oklch(0.9590 0.0208 36.03); --color-nc-dark-giallo-100: oklch(0.1903 0.0391 84.07); --color-nc-dark-giallo-200: oklch(0.2185 0.0449 83.81); --color-nc-dark-giallo-300: oklch(0.2592 0.0532 83.54); --color-nc-dark-giallo-400: oklch(0.3008 0.0616 85.18); --color-nc-dark-giallo-500: oklch(0.3705 0.0759 85.25); --color-nc-dark-giallo-600: oklch(0.6598 0.1353 84.83); --color-nc-dark-giallo-700: oklch(0.8466 0.1678 84.63); --color-nc-dark-giallo-800: oklch(0.8064 0.1654 84.43); --color-nc-dark-giallo-900: oklch(0.8007 0.1595 84.74); --color-nc-dark-giallo-1000: oklch(0.9604 0.0256 84.59); --color-nc-dark-verde-100: oklch(0.1910 0.0488 153.39); --color-nc-dark-verde-200: oklch(0.2208 0.0571 152.80); --color-nc-dark-verde-300: oklch(0.2606 0.0664 153.49); --color-nc-dark-verde-400: oklch(0.2987 0.0765 153.24); --color-nc-dark-verde-500: oklch(0.3685 0.0944 153.24); --color-nc-dark-verde-600: oklch(0.6608 0.1568 153.03); --color-nc-dark-verde-700: oklch(0.6415 0.1644 153.23); --color-nc-dark-verde-800: oklch(0.6017 0.1542 153.23); --color-nc-dark-verde-900: oklch(0.7994 0.1555 153.29); --color-nc-dark-verde-1000: oklch(0.9600 0.0248 152.88); --color-nc-dark-acqua-100: oklch(0.1914 0.0330 209.05); --color-nc-dark-acqua-200: oklch(0.2192 0.0379 209.81); --color-nc-dark-acqua-300: oklch(0.2610 0.0450 209.30); --color-nc-dark-acqua-400: oklch(0.3011 0.0519 208.95); --color-nc-dark-acqua-500: oklch(0.3711 0.0639 208.82); --color-nc-dark-acqua-600: oklch(0.6568 0.1009 208.69); --color-nc-dark-acqua-700: oklch(0.6161 0.1062 208.85); --color-nc-dark-acqua-800: oklch(0.5765 0.0992 208.28); --color-nc-dark-acqua-900: oklch(0.8004 0.1007 208.37); --color-nc-dark-acqua-1000: oklch(0.9596 0.0161 206.44); --color-nc-dark-viola-100: oklch(0.1897 0.0654 295.79); --color-nc-dark-viola-200: oklch(0.2192 0.0805 294.49); --color-nc-dark-viola-300: oklch(0.2605 0.0949 295.18); --color-nc-dark-viola-400: oklch(0.2990 0.1087 294.76); --color-nc-dark-viola-500: oklch(0.3702 0.1310 295.14); --color-nc-dark-viola-600: oklch(0.6004 0.1789 294.79); --color-nc-dark-viola-700: oklch(0.5015 0.1883 294.99); --color-nc-dark-viola-800: oklch(0.4620 0.1886 294.84); --color-nc-dark-viola-900: oklch(0.8000 0.1131 295.20); --color-nc-dark-viola-1000: oklch(0.9591 0.0215 294.60); --color-nc-dark-rosa-100: oklch(0.1902 0.0716 355.67); --color-nc-dark-rosa-200: oklch(0.2198 0.0850 357.06); --color-nc-dark-rosa-300: oklch(0.2591 0.1026 356.37); --color-nc-dark-rosa-400: oklch(0.3000 0.1188 356.62); --color-nc-dark-rosa-500: oklch(0.3695 0.1426 356.71); --color-nc-dark-rosa-600: oklch(0.6611 0.1941 356.61); --color-nc-dark-rosa-700: oklch(0.6398 0.2044 356.46); --color-nc-dark-rosa-800: oklch(0.6001 0.2050 356.50); --color-nc-dark-rosa-900: oklch(0.8005 0.1279 356.32); --color-nc-dark-rosa-1000: oklch(0.9599 0.0220 356.32); --color-nc-category-teal-soft: oklch(0.9585 0.0244 187.32); --color-nc-category-teal-deep: oklch(0.4600 0.0788 185.34); --color-nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13); --color-nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70); --color-nc-category-purple-soft: oklch(0.9464 0.0327 307.17); --color-nc-category-purple-deep: oklch(0.4541 0.1958 308.26); --color-nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78); --color-nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92); --color-nc-category-pink-soft: oklch(0.9476 0.0263 347.12); --color-nc-category-pink-deep: oklch(0.4863 0.1711 355.09); --color-nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51); --color-nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-wide: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-section: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-mono-lg: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono-md: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-body-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lead: 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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 72px; --leading-display-xl: 72px; --text-display-xl--letter-spacing: -4.32px; --tracking-display-xl: -4.32px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-wide: 64px; --text-display-wide--line-height: 64px; --leading-display-wide: 64px; --text-display-wide--letter-spacing: -3.84px; --tracking-display-wide: -3.84px; --text-display-wide--font-weight: 600; --font-weight-display-wide: 600; --text-display-lg: 56px; --text-display-lg--line-height: 56px; --leading-display-lg: 56px; --text-display-lg--letter-spacing: -3.36px; --tracking-display-lg: -3.36px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-section: 48px; --text-display-section--line-height: 56px; --leading-display-section: 56px; --text-display-section--letter-spacing: -2.88px; --tracking-display-section: -2.88px; --text-display-section--font-weight: 600; --font-weight-display-section: 600; --text-display-md: 40px; --text-display-md--line-height: 48px; --leading-display-md: 48px; --text-display-md--letter-spacing: -2.4px; --tracking-display-md: -2.4px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 32px; --text-heading-lg--line-height: 40px; --leading-heading-lg: 40px; --text-heading-lg--letter-spacing: -1.28px; --tracking-heading-lg: -1.28px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: -0.96px; --tracking-heading-md: -0.96px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 26px; --leading-heading-sm: 26px; --text-heading-sm--letter-spacing: -0.4px; --tracking-heading-sm: -0.4px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-heading-xs: 16px; --text-heading-xs--line-height: 24px; --leading-heading-xs: 24px; --text-heading-xs--letter-spacing: -0.32px; --tracking-heading-xs: -0.32px; --text-heading-xs--font-weight: 600; --font-weight-heading-xs: 600; --text-heading-compact: 14px; --text-heading-compact--line-height: 20px; --leading-heading-compact: 20px; --text-heading-compact--letter-spacing: -0.28px; --tracking-heading-compact: -0.28px; --text-heading-compact--font-weight: 600; --font-weight-heading-compact: 600; --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; --text-button: 14px; --text-button--line-height: 21px; --leading-button: 21px; --text-button--letter-spacing: 0px; --tracking-button: 0px; --text-button--font-weight: 500; --font-weight-button: 500; --text-button-xs: 12px; --text-button-xs--line-height: 16px; --leading-button-xs: 16px; --text-button-xs--letter-spacing: 0px; --tracking-button-xs: 0px; --text-button-xs--font-weight: 500; --font-weight-button-xs: 500; --text-label-display: 20px; --text-label-display--line-height: 32px; --leading-label-display: 32px; --text-label-display--letter-spacing: 0px; --tracking-label-display: 0px; --text-label-display--font-weight: 400; --font-weight-label-display: 400; --text-label-lg: 18px; --text-label-lg--line-height: 20px; --leading-label-lg: 20px; --text-label-lg--letter-spacing: 0px; --tracking-label-lg: 0px; --text-label-lg--font-weight: 400; --font-weight-label-lg: 400; --text-label-md: 16px; --text-label-md--line-height: 20px; --leading-label-md: 20px; --text-label-md--letter-spacing: 0px; --tracking-label-md: 0px; --text-label-md--font-weight: 400; --font-weight-label-md: 400; --text-label: 14px; --text-label--line-height: 20px; --leading-label: 20px; --text-label--letter-spacing: 0px; --tracking-label: 0px; --text-label--font-weight: 400; --font-weight-label: 400; --text-label-sm: 13px; --text-label-sm--line-height: 16px; --leading-label-sm: 16px; --text-label-sm--letter-spacing: 0px; --tracking-label-sm: 0px; --text-label-sm--font-weight: 400; --font-weight-label-sm: 400; --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-label-mono-lg: 14px; --text-label-mono-lg--line-height: 20px; --leading-label-mono-lg: 20px; --text-label-mono-lg--letter-spacing: 0px; --tracking-label-mono-lg: 0px; --text-label-mono-lg--font-weight: 400; --font-weight-label-mono-lg: 400; --text-label-mono-md: 13px; --text-label-mono-md--line-height: 20px; --leading-label-mono-md: 20px; --text-label-mono-md--letter-spacing: 0px; --tracking-label-mono-md: 0px; --text-label-mono-md--font-weight: 400; --font-weight-label-mono-md: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 400; --font-weight-label-mono: 400; --text-body-display: 24px; --text-body-display--line-height: 36px; --leading-body-display: 36px; --text-body-display--letter-spacing: 0px; --tracking-body-display: 0px; --text-body-display--font-weight: 400; --font-weight-body-display: 400; --text-body-lead: 20px; --text-body-lead--line-height: 36px; --leading-body-lead: 36px; --text-body-lead--letter-spacing: 0px; --tracking-body-lead: 0px; --text-body-lead--font-weight: 400; --font-weight-body-lead: 400; --text-body-lg: 18px; --text-body-lg--line-height: 28px; --leading-body-lg: 28px; --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: 24px; --leading-body-md: 24px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --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-compact: 13px; --text-body-compact--line-height: 18px; --leading-body-compact: 18px; --text-body-compact--letter-spacing: 0px; --tracking-body-compact: 0px; --text-body-compact--font-weight: 400; --font-weight-body-compact: 400; --text-code: 13px; --text-code--line-height: 18px; --leading-code: 18px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --radius-none: 0px; --radius-xs: 2px; --radius-xs-plus: 4px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-3xl: 24px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 36px; --spacing-nadicode-control-height-sm: 32px; --spacing-nadicode-control-height-lg: 40px; --spacing-nadicode-control-height-xs: 24px; --spacing-nadicode-control-padding-inline: 12px; --spacing-nadicode-button-padding-inline-sm: 6px; --spacing-nadicode-button-padding-inline: 10px; --spacing-nadicode-button-padding-inline-lg: 14px; --spacing-nadicode-card-padding: 20px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-button-padding-inline-sm: var(--spacing-nadicode-button-padding-inline-sm); --spacing-button-padding-inline: var(--spacing-nadicode-button-padding-inline); --spacing-button-padding-inline-lg: var(--spacing-nadicode-button-padding-inline-lg); --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-info: var(--info); --color-info-foreground: var(--info-foreground); --color-destructive-soft: var(--destructive-soft); --color-destructive-soft-foreground: var(--destructive-soft-foreground); --color-warning-soft: var(--warning-soft); --color-warning-soft-foreground: var(--warning-soft-foreground); --color-success-soft: var(--success-soft); --color-success-soft-foreground: var(--success-soft-foreground); --color-info-soft: var(--info-soft); --color-info-soft-foreground: var(--info-soft-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-selection: var(--selection); --color-selection-foreground: var(--selection-foreground); --color-recessed: var(--recessed); --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); --color-category-blue: var(--category-blue); --color-category-blue-foreground: var(--category-blue-foreground); --color-category-teal: var(--category-teal); --color-category-teal-foreground: var(--category-teal-foreground); --color-category-purple: var(--category-purple); --color-category-purple-foreground: var(--category-purple-foreground); --color-category-pink: var(--category-pink); --color-category-pink-foreground: var(--category-pink-foreground); }
 }
 @utility text-display-xl { & strong { font-weight: 500; } }

package/dist/css/tokens.css CHANGED Viewed

@@ -197,7 +197,7 @@
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);
     --nc-dark-muted: oklch(0.6993 0.0000 0.00);
-    --nc-dark-line: oklch(0.2686 0.0000 0.00);
+    --nc-dark-line: oklch(0.3485 0.0000 0.00);
     --nc-dark-input: oklch(0.5590 0.0000 0.00);
     --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
     --nc-dark-action: oklch(0.5005 0.2804 266.17);

package/dist/tailwind/nadicode.tailwind.json CHANGED Viewed

@@ -158,7 +158,7 @@
         "dark-ink": "#ededed",
         "dark-body": "#a1a1a1",
         "dark-muted": "#9e9e9e",
-        "dark-line": "#262626",
+        "dark-line": "#3a3a3a",
         "dark-input": "#747474",
         "dark-on-primary": "#0a0a0a",
         "dark-action": "#1e3cff",

package/dist/tokens/nadicode.dtcg-resolved.json CHANGED Viewed

@@ -1725,11 +1725,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.149,
-              0.149,
-              0.149
+              0.227,
+              0.227,
+              0.227
             ],
-            "hex": "#262626"
+            "hex": "#3a3a3a"
           }
         },
         "dark-input": {
@@ -6078,11 +6078,11 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.149,
-                0.149,
-                0.149
+                0.227,
+                0.227,
+                0.227
               ],
-              "hex": "#262626"
+              "hex": "#3a3a3a"
             }
           },
           "input": {
@@ -6287,11 +6287,11 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.149,
-                0.149,
-                0.149
+                0.227,
+                0.227,
+                0.227
               ],
-              "hex": "#262626"
+              "hex": "#3a3a3a"
             }
           },
           "sidebar-ring": {

package/dist/tokens/nadicode.dtcg.json CHANGED Viewed

@@ -1725,11 +1725,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.149,
-              0.149,
-              0.149
+              0.227,
+              0.227,
+              0.227
             ],
-            "hex": "#262626"
+            "hex": "#3a3a3a"
           }
         },
         "dark-input": {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/design-system",
-  "version": "12.1.166",
+  "version": "12.1.167",
   "type": "module",
   "publishConfig": {
     "access": "public"