@nadicodeai/design-system 12.1.99 → 12.1.100

package/DESIGN.md

@@ -60,11 +60,97 @@ colors:
   identity-white: "#ffffff"
   logo-dot: "#1e3cff"
   chart-1: "#1e3cff"
-  chart-2: "#00a85a"
-  chart-3: "#ddaa00"
-  chart-4: "#d3302f"
+  chart-2: "#e5468f"
+  chart-3: "#6f42c1"
+  chart-4: "#ff5a1f"
   chart-5: "#0096a7"
-  chart-6: "#6f42c1"
+  chart-6: "#d3302f"
+  chart-7: "#e2aa00"
+  chart-8: "#00a85a"
+  chart-9: "#7aa0ff"
+  chart-10: "#ffabc9"
+
+  cobalto-100: "#f3f7ff"
+  cobalto-200: "#e9f0ff"
+  cobalto-300: "#dde8ff"
+  cobalto-400: "#cddcff"
+  cobalto-500: "#aec7ff"
+  cobalto-600: "#7aa0ff"
+  cobalto-700: "#1e3cff"
+  cobalto-800: "#1829f0"
+  cobalto-900: "#1425d3"
+  cobalto-1000: "#07117a"
+  rosso-100: "#fff4f2"
+  rosso-200: "#ffebe8"
+  rosso-300: "#ffdfdb"
+  rosso-400: "#ffcfc9"
+  rosso-500: "#ffb0a7"
+  rosso-600: "#ff7267"
+  rosso-700: "#d3302f"
+  rosso-800: "#c51e22"
+  rosso-900: "#af1e20"
+  rosso-1000: "#540004"
+  arancio-100: "#fff4f1"
+  arancio-200: "#ffebe5"
+  arancio-300: "#ffe0d7"
+  arancio-400: "#ffd0c2"
+  arancio-500: "#ffb19a"
+  arancio-600: "#ff835d"
+  arancio-700: "#ff5a1f"
+  arancio-800: "#f04c03"
+  arancio-900: "#ac3300"
+  arancio-1000: "#4c1200"
+  giallo-100: "#fffaef"
+  giallo-200: "#fef4e1"
+  giallo-300: "#fdefd1"
+  giallo-400: "#fde5b5"
+  giallo-500: "#ffd989"
+  giallo-600: "#ffcc5c"
+  giallo-700: "#ffc220"
+  giallo-800: "#e2aa00"
+  giallo-900: "#8a6500"
+  giallo-1000: "#422f00"
+  verde-100: "#effaf2"
+  verde-200: "#e4f6e8"
+  verde-300: "#d4f0db"
+  verde-400: "#bceac8"
+  verde-500: "#78e29c"
+  verde-600: "#37c171"
+  verde-700: "#00a85a"
+  verde-800: "#009a52"
+  verde-900: "#00773e"
+  verde-1000: "#003317"
+  acqua-100: "#eff9fb"
+  acqua-200: "#e4f4f6"
+  acqua-300: "#d5edf1"
+  acqua-400: "#bde5eb"
+  acqua-500: "#7cd8e7"
+  acqua-600: "#3fb7c8"
+  acqua-700: "#0096a7"
+  acqua-800: "#008998"
+  acqua-900: "#00707d"
+  acqua-1000: "#002f36"
+  viola-100: "#f7f5ff"
+  viola-200: "#f1edff"
+  viola-300: "#e9e3ff"
+  viola-400: "#ded6ff"
+  viola-500: "#cbbbff"
+  viola-600: "#ad8dff"
+  viola-700: "#6f42c1"
+  viola-800: "#6435b4"
+  viola-900: "#582f9e"
+  viola-1000: "#2f1659"
+  rosa-100: "#fff3f7"
+  rosa-200: "#ffeaf0"
+  rosa-300: "#ffdee8"
+  rosa-400: "#ffccdd"
+  rosa-500: "#ffabc9"
+  rosa-600: "#ff65a7"
+  rosa-700: "#e5468f"
+  rosa-800: "#d73783"
+  rosa-900: "#ad1f66"
+  rosa-1000: "#50002a"
+
   dark-canvas: "#000000"
   dark-canvas-soft: "#111111"
   dark-canvas-soft-2: "#1a1a1a"
@@ -110,12 +196,97 @@ colors:
   dark-navigation-selection-bg: "#1f1f1f"
   dark-navigation-selection-fg: "#ededed"
   dark-navigation-selection-hover: "#262626"
-  dark-chart-1: "#4d6bff"
-  dark-chart-2: "#00a85a"
-  dark-chart-3: "#ffd866"
-  dark-chart-4: "#e8615f"
-  dark-chart-5: "#33d1cb"
-  dark-chart-6: "#9575cd"
+  dark-chart-1: "#4372ff"
+  dark-chart-2: "#e95395"
+  dark-chart-3: "#8a64de"
+  dark-chart-4: "#f35822"
+  dark-chart-5: "#2fa2b2"
+  dark-chart-6: "#dd4640"
+  dark-chart-7: "#ffc220"
+  dark-chart-8: "#28ad62"
+  dark-chart-9: "#a0bcff"
+  dark-chart-10: "#ff9ac0"
+
+  dark-cobalto-100: "#030b3f"
+  dark-cobalto-200: "#040e50"
+  dark-cobalto-300: "#061566"
+  dark-cobalto-400: "#0a1b7d"
+  dark-cobalto-500: "#1129a5"
+  dark-cobalto-600: "#4372ff"
+  dark-cobalto-700: "#1e3cff"
+  dark-cobalto-800: "#1829f0"
+  dark-cobalto-900: "#a0bcff"
+  dark-cobalto-1000: "#ecf2ff"
+  dark-rosso-100: "#2c0303"
+  dark-rosso-200: "#390304"
+  dark-rosso-300: "#490406"
+  dark-rosso-400: "#5b0608"
+  dark-rosso-500: "#790e11"
+  dark-rosso-600: "#dd4640"
+  dark-rosso-700: "#d3302f"
+  dark-rosso-800: "#c51e22"
+  dark-rosso-900: "#ffa096"
+  dark-rosso-1000: "#ffedeb"
+  dark-arancio-100: "#2a0600"
+  dark-arancio-200: "#350900"
+  dark-arancio-300: "#440f00"
+  dark-arancio-400: "#541400"
+  dark-arancio-500: "#721f00"
+  dark-arancio-600: "#f35822"
+  dark-arancio-700: "#ff5a1f"
+  dark-arancio-800: "#f04c03"
+  dark-arancio-900: "#ffa286"
+  dark-arancio-1000: "#ffede8"
+  dark-giallo-100: "#1c1200"
+  dark-giallo-200: "#241800"
+  dark-giallo-300: "#302100"
+  dark-giallo-400: "#3c2b00"
+  dark-giallo-500: "#523c00"
+  dark-giallo-600: "#b88a00"
+  dark-giallo-700: "#ffc220"
+  dark-giallo-800: "#f1b500"
+  dark-giallo-900: "#edb41a"
+  dark-giallo-1000: "#faf1df"
+  dark-verde-100: "#001a09"
+  dark-verde-200: "#00220d"
+  dark-verde-300: "#002d14"
+  dark-verde-400: "#00381a"
+  dark-verde-500: "#004d26"
+  dark-verde-600: "#28ad62"
+  dark-verde-700: "#00a85a"
+  dark-verde-800: "#009a52"
+  dark-verde-900: "#60da8d"
+  dark-verde-1000: "#e6f7ea"
+  dark-acqua-100: "#00181c"
+  dark-acqua-200: "#001f24"
+  dark-acqua-300: "#002a30"
+  dark-acqua-400: "#00353c"
+  dark-acqua-500: "#004952"
+  dark-acqua-600: "#2fa2b2"
+  dark-acqua-700: "#0096a7"
+  dark-acqua-800: "#008998"
+  dark-acqua-900: "#65d0e0"
+  dark-acqua-1000: "#e6f5f7"
+  dark-viola-100: "#170b2d"
+  dark-viola-200: "#1e0f3b"
+  dark-viola-300: "#29164c"
+  dark-viola-400: "#331d5d"
+  dark-viola-500: "#472b7c"
+  dark-viola-600: "#8a64de"
+  dark-viola-700: "#6f42c1"
+  dark-viola-800: "#6435b4"
+  dark-viola-900: "#c3afff"
+  dark-viola-1000: "#f2efff"
+  dark-rosa-100: "#2a0215"
+  dark-rosa-200: "#36021b"
+  dark-rosa-300: "#460225"
+  dark-rosa-400: "#57032f"
+  dark-rosa-500: "#740a41"
+  dark-rosa-600: "#e95395"
+  dark-rosa-700: "#e5468f"
+  dark-rosa-800: "#d73783"
+  dark-rosa-900: "#ff9ac0"
+  dark-rosa-1000: "#ffecf2"
 
   category-teal-soft: "#e0f7f4"
   category-teal-deep: "#08665e"
@@ -404,6 +575,19 @@ Text on a colour ground is the pole that clears AA on that hue: `{colors.identit
 
 Labels and their icons may carry blue, teal, purple or pink to distinguish named categories. `Tag` owns these categorical tones; `Badge` also offers the teal, purple and pink soft fills with their contrasting foregrounds, and no status fill. The same category keeps the same tone across a surface and after sorting. A word remains visible, and a colour never invents status. Green, amber and red remain feedback meanings; the five-tone `StatusBadge` owns those. Icons inherit the tone of their label rather than adding a second colour. Brand marks keep their genuine colours. This uses Geist’s light fill / strong text technique with nadicode’s semantic roles; agents never choose raw palette values in pages.
 
+### Scales
+
+Eight hue scales give product colour its steps, on the structure of [Geist's colours](https://vercel.com/geist/colors): cobalto, rosso, arancio, giallo, verde, acqua, viola and rosa, each from `{colors.cobalto-100}` to `{colors.cobalto-1000}` with a `dark-` value for every step. Step 700 is the hue itself: the identity hex for cobalto (`{colors.cobalto-700}`), rosso, arancio, giallo and verde, the categorical teal and violet for acqua and viola, and a pink beside the category pink for rosa. Neutrals stay on the spine above; there is no grey scale.
+
+| Steps | Job |
+| --- | --- |
+| 100, 200, 300 | A tinted ground: default, hover, active |
+| 400, 500, 600 | A border or a soft mark: default, hover, active |
+| 700, 800 | A solid fill and its hover |
+| 900, 1000 | Text and icons: secondary, primary |
+
+Step 900 clears AA text on its own 100, 200 and 300 and on the canvas in both themes, and the build refuses a scale that loses it. Lightness climbs with the step in light. In dark, as in Geist's dark scales, 600 is the brightened mark a chart draws on black and sits above 700 and 800, and giallo's 900 sits below its 700, so a dark ramp is chosen by step, not by assuming lightness order. A step reaches a page through a role or a component tone, never as a raw hex. The scales are product colour: a place in "Colour as stage" keeps its identity hue at full strength, and no scale step tints it.
+
 ### Dark mode
 
 Every token `X` with a `dark-X` pair takes the dark value under a `.dark` ancestor; a component uses the same role in both modes and never ships a `dark:` utility or a mode branch of its own. The dark page is true black, `{colors.dark-canvas}`. Elevated surfaces lift from it by tone ("Elevation & Depth"); the soft steps `{colors.dark-canvas-soft}` and `{colors.dark-canvas-soft-2}` are interaction fills and never become a page, section or panel ground. On a lifted surface the hover and muted fills step up from that surface's own tone. Dark feedback and chart values are brightened so they read on black; `{colors.dark-input}` stays brighter than `{colors.dark-line}` so a field's edge clears 3:1. A surface that is dark by nature, such as Nadia's entry screen, a terminal console, a black website section or a black brand plane inside a product (`BrandField`), stays dark in every theme as one fixed treatment: it scopes `.dark`, so every role and control inside it takes its dark value.
@@ -430,9 +614,17 @@ No pie, donut, radar, radial or dual-axis chart, and no mark or logo inside a le
 
 ### Palette and assignment
 
-Six categorical series colour data and nothing else: `{colors.chart-1}` cobalto through `{colors.chart-6}` viola. Same-family neighbours (chart-3 and chart-4, chart-2 and chart-5) are held apart in normal and deuteranopia-simulated vision by the build. The light chart-3 sits below 3:1 on white, so a chart relies on its always-on legend and never on hue alone. Dark steps (`{colors.dark-chart-1}` and the rest) clear 3:1 on black.
+Ten categorical series colour data and nothing else, in this order: cobalto, rosa, viola, arancio, acqua, rosso, giallo, verde, then a light cobalto and a light rosa, `{colors.chart-1}` to `{colors.chart-10}`. Each slot is a step of a scale ("Scales"). In light it is the 700 step, with giallo at 800 so a yellow bar keeps an edge on white, and the tints at cobalto-600 and rosa-500. In dark it is the 600 step, with giallo at 700 and the tints at cobalto-900 and rosa-900, and every slot clears 3:1 on black. Cobalto leads, as in the logo.
+
+The order is the colour-blind safety for marks drawn in slot order, as a stack, a group and the legend draw them: the build holds every neighbouring pair apart in normal and deuteranopia-simulated vision in both themes (CIEDE2000 20 and 15) and refuses a slot that is not a scale step. Slots further apart carry no such floor: cobalto and viola (slots 1 and 3) stay close for a deuteranope, and a chart that draws a later slot beside an earlier one, such as a second ranking on a surface whose map follows the first, can put close slots side by side. Giallo and the two tints sit below 3:1 on white. A chart therefore relies on its always-on legend and its tooltip, never on hue alone.
+
+Rosso enters at slot 6 and verde at slot 8, so a surface whose map holds five entities or fewer never shows a red or a green that reads as error or success; past five, the legend's words carry the meaning and the hue only tells series apart.
+
+- **One series**: `{colors.chart-1}`, titled, with no legend.
+- **Two to ten**: the slots in order, with the legend below the plot.
+- **More than ten**: the eleventh entity and every later one fold into one neutral "Everything else" in `{colors.muted}`; the page lists its entities largest first, so the tail is the smallest.
 
-A hue follows its entity, never its rank or position: one assignment per surface, the same in a chart and its table, stable under filtering and sorting. Past six entities the tail folds into one neutral "other" in `{colors.muted}`.
+A hue follows its entity, never its rank or position: one assignment per surface, the same in a chart and its table, stable under filtering and sorting.
 
 ### Meters, deltas and labels
 

package/dist/css/host.css

@@ -94,11 +94,95 @@
     --nc-identity-white: oklch(1.0000 0.0000 0.00);
     --nc-logo-dot: oklch(0.5005 0.2804 266.17);
     --nc-chart-1: oklch(0.5005 0.2804 266.17);
-    --nc-chart-2: oklch(0.6415 0.1644 153.23);
-    --nc-chart-3: oklch(0.7638 0.1562 86.86);
-    --nc-chart-4: oklch(0.5688 0.1995 26.59);
+    --nc-chart-2: oklch(0.6398 0.2044 356.46);
+    --nc-chart-3: oklch(0.5015 0.1883 294.99);
+    --nc-chart-4: oklch(0.6824 0.2108 37.70);
     --nc-chart-5: oklch(0.6161 0.1062 208.85);
-    --nc-chart-6: oklch(0.5015 0.1883 294.99);
+    --nc-chart-6: oklch(0.5688 0.1995 26.59);
+    --nc-chart-7: oklch(0.7691 0.1577 84.69);
+    --nc-chart-8: oklch(0.6415 0.1644 153.23);
+    --nc-chart-9: oklch(0.7191 0.1452 266.33);
+    --nc-chart-10: oklch(0.8309 0.1048 356.57);
+    --nc-cobalto-100: oklch(0.9754 0.0115 264.51);
+    --nc-cobalto-200: oklch(0.9543 0.0215 265.76);
+    --nc-cobalto-300: oklch(0.9297 0.0334 265.23);
+    --nc-cobalto-400: oklch(0.8944 0.0509 267.00);
+    --nc-cobalto-500: oklch(0.8308 0.0837 265.90);
+    --nc-cobalto-600: oklch(0.7191 0.1452 266.33);
+    --nc-cobalto-700: oklch(0.5005 0.2804 266.17);
+    --nc-cobalto-800: oklch(0.4602 0.2797 266.14);
+    --nc-cobalto-900: oklch(0.4202 0.2522 266.14);
+    --nc-cobalto-1000: oklch(0.2811 0.1684 266.17);
+    --nc-rosso-100: oklch(0.9752 0.0122 29.87);
+    --nc-rosso-200: oklch(0.9552 0.0222 27.81);
+    --nc-rosso-300: oklch(0.9290 0.0360 26.28);
+    --nc-rosso-400: oklch(0.8944 0.0552 26.52);
+    --nc-rosso-500: oklch(0.8304 0.0942 26.48);
+    --nc-rosso-600: oklch(0.7201 0.1742 26.79);
+    --nc-rosso-700: oklch(0.5688 0.1995 26.59);
+    --nc-rosso-800: oklch(0.5297 0.1996 26.67);
+    --nc-rosso-900: oklch(0.4882 0.1797 26.59);
+    --nc-rosso-1000: oklch(0.2805 0.1143 26.81);
+    --nc-arancio-100: oklch(0.9749 0.0125 35.73);
+    --nc-arancio-200: oklch(0.9544 0.0233 37.38);
+    --nc-arancio-300: oklch(0.9298 0.0366 36.77);
+    --nc-arancio-400: oklch(0.8945 0.0567 37.21);
+    --nc-arancio-500: oklch(0.8292 0.0974 37.12);
+    --nc-arancio-600: oklch(0.7428 0.1602 37.76);
+    --nc-arancio-700: oklch(0.6824 0.2108 37.70);
+    --nc-arancio-800: oklch(0.6419 0.2102 37.75);
+    --nc-arancio-900: oklch(0.4993 0.1647 37.64);
+    --nc-arancio-1000: oklch(0.2801 0.0916 38.02);
+    --nc-giallo-100: oklch(0.9860 0.0154 86.42);
+    --nc-giallo-200: oklch(0.9699 0.0272 83.54);
+    --nc-giallo-300: oklch(0.9555 0.0420 85.96);
+    --nc-giallo-400: oklch(0.9298 0.0673 84.45);
+    --nc-giallo-500: oklch(0.9004 0.1074 84.93);
+    --nc-giallo-600: oklch(0.8696 0.1403 84.42);
+    --nc-giallo-700: oklch(0.8466 0.1678 84.63);
+    --nc-giallo-800: oklch(0.7691 0.1577 84.69);
+    --nc-giallo-900: oklch(0.5305 0.1090 83.33);
+    --nc-giallo-1000: oklch(0.3186 0.0654 84.14);
+    --nc-verde-100: oklch(0.9747 0.0157 154.48);
+    --nc-verde-200: oklch(0.9560 0.0265 152.38);
+    --nc-verde-300: oklch(0.9290 0.0407 153.11);
+    --nc-verde-400: oklch(0.8955 0.0664 152.93);
+    --nc-verde-500: oklch(0.8310 0.1403 153.27);
+    --nc-verde-600: oklch(0.7191 0.1645 153.16);
+    --nc-verde-700: oklch(0.6415 0.1644 153.23);
+    --nc-verde-800: oklch(0.6017 0.1542 153.23);
+    --nc-verde-900: oklch(0.4992 0.1279 153.23);
+    --nc-verde-1000: oklch(0.2815 0.0723 153.13);
+    --nc-acqua-100: oklch(0.9752 0.0109 211.04);
+    --nc-acqua-200: oklch(0.9559 0.0171 205.84);
+    --nc-acqua-300: oklch(0.9297 0.0259 208.75);
+    --nc-acqua-400: oklch(0.8954 0.0424 207.56);
+    --nc-acqua-500: oklch(0.8304 0.0902 209.06);
+    --nc-acqua-600: oklch(0.7205 0.1064 208.54);
+    --nc-acqua-700: oklch(0.6161 0.1062 208.85);
+    --nc-acqua-800: oklch(0.5765 0.0992 208.28);
+    --nc-acqua-900: oklch(0.4990 0.0860 208.78);
+    --nc-acqua-1000: oklch(0.2797 0.0484 210.29);
+    --nc-viola-100: oklch(0.9745 0.0134 295.33);
+    --nc-viola-200: oklch(0.9545 0.0243 296.12);
+    --nc-viola-300: oklch(0.9290 0.0381 295.47);
+    --nc-viola-400: oklch(0.8954 0.0563 294.18);
+    --nc-viola-500: oklch(0.8289 0.0954 295.03);
+    --nc-viola-600: oklch(0.7204 0.1631 294.91);
+    --nc-viola-700: oklch(0.5015 0.1883 294.99);
+    --nc-viola-800: oklch(0.4620 0.1886 294.84);
+    --nc-viola-900: oklch(0.4227 0.1694 295.05);
+    --nc-viola-1000: oklch(0.2796 0.1131 295.14);
+    --nc-rosa-100: oklch(0.9746 0.0139 355.00);
+    --nc-rosa-200: oklch(0.9555 0.0241 358.28);
+    --nc-rosa-300: oklch(0.9307 0.0386 357.63);
+    --nc-rosa-400: oklch(0.8944 0.0614 356.49);
+    --nc-rosa-500: oklch(0.8309 0.1048 356.57);
+    --nc-rosa-600: oklch(0.7193 0.1969 356.59);
+    --nc-rosa-700: oklch(0.6398 0.2044 356.46);
+    --nc-rosa-800: oklch(0.6001 0.2050 356.50);
+    --nc-rosa-900: oklch(0.5009 0.1842 356.43);
+    --nc-rosa-1000: oklch(0.2808 0.1147 356.80);
     --nc-dark-canvas: oklch(0.0000 0.0000 0.00);
     --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);
     --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
@@ -144,12 +228,96 @@
     --nc-dark-navigation-selection-bg: oklch(0.2393 0.0000 0.00);
     --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
     --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);
-    --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
-    --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
-    --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
-    --nc-dark-chart-4: oklch(0.6627 0.1685 23.66);
-    --nc-dark-chart-5: oklch(0.7820 0.1247 190.99);
-    --nc-dark-chart-6: oklch(0.6297 0.1321 299.36);
+    --nc-dark-chart-1: oklch(0.6007 0.2160 266.02);
+    --nc-dark-chart-2: oklch(0.6611 0.1941 356.61);
+    --nc-dark-chart-3: oklch(0.6004 0.1789 294.79);
+    --nc-dark-chart-4: oklch(0.6612 0.2003 37.74);
+    --nc-dark-chart-5: oklch(0.6568 0.1009 208.69);
+    --nc-dark-chart-6: oklch(0.6084 0.1887 26.65);
+    --nc-dark-chart-7: oklch(0.8466 0.1678 84.63);
+    --nc-dark-chart-8: oklch(0.6608 0.1568 153.03);
+    --nc-dark-chart-9: oklch(0.7993 0.1005 266.67);
+    --nc-dark-chart-10: oklch(0.8005 0.1279 356.32);
+    --nc-dark-cobalto-100: oklch(0.1915 0.0982 266.32);
+    --nc-dark-cobalto-200: oklch(0.2197 0.1184 266.25);
+    --nc-dark-cobalto-300: oklch(0.2604 0.1398 265.97);
+    --nc-dark-cobalto-400: oklch(0.2997 0.1624 266.24);
+    --nc-dark-cobalto-500: oklch(0.3702 0.1966 266.08);
+    --nc-dark-cobalto-600: oklch(0.6007 0.2160 266.02);
+    --nc-dark-cobalto-700: oklch(0.5005 0.2804 266.17);
+    --nc-dark-cobalto-800: oklch(0.4602 0.2797 266.14);
+    --nc-dark-cobalto-900: oklch(0.7993 0.1005 266.67);
+    --nc-dark-cobalto-1000: oklch(0.9604 0.0186 265.98);
+    --nc-dark-rosso-100: oklch(0.1907 0.0689 26.80);
+    --nc-dark-rosso-200: oklch(0.2215 0.0837 26.41);
+    --nc-dark-rosso-300: oklch(0.2596 0.0994 26.37);
+    --nc-dark-rosso-400: oklch(0.3014 0.1159 26.97);
+    --nc-dark-rosso-500: oklch(0.3705 0.1397 26.54);
+    --nc-dark-rosso-600: oklch(0.6084 0.1887 26.65);
+    --nc-dark-rosso-700: oklch(0.5688 0.1995 26.59);
+    --nc-dark-rosso-800: oklch(0.5297 0.1996 26.67);
+    --nc-dark-rosso-900: oklch(0.7992 0.1149 26.43);
+    --nc-dark-rosso-1000: oklch(0.9598 0.0198 25.17);
+    --nc-dark-arancio-100: oklch(0.1909 0.0632 37.47);
+    --nc-dark-arancio-200: oklch(0.2201 0.0732 37.26);
+    --nc-dark-arancio-300: oklch(0.2598 0.0852 37.90);
+    --nc-dark-arancio-400: oklch(0.2988 0.0989 37.50);
+    --nc-dark-arancio-500: oklch(0.3706 0.1219 37.77);
+    --nc-dark-arancio-600: oklch(0.6612 0.2003 37.74);
+    --nc-dark-arancio-700: oklch(0.6824 0.2108 37.70);
+    --nc-dark-arancio-800: oklch(0.6419 0.2102 37.75);
+    --nc-dark-arancio-900: oklch(0.7993 0.1180 37.52);
+    --nc-dark-arancio-1000: oklch(0.9590 0.0208 36.03);
+    --nc-dark-giallo-100: oklch(0.1903 0.0391 84.07);
+    --nc-dark-giallo-200: oklch(0.2185 0.0449 83.81);
+    --nc-dark-giallo-300: oklch(0.2592 0.0532 83.54);
+    --nc-dark-giallo-400: oklch(0.3008 0.0616 85.18);
+    --nc-dark-giallo-500: oklch(0.3705 0.0759 85.25);
+    --nc-dark-giallo-600: oklch(0.6598 0.1353 84.83);
+    --nc-dark-giallo-700: oklch(0.8466 0.1678 84.63);
+    --nc-dark-giallo-800: oklch(0.8064 0.1654 84.43);
+    --nc-dark-giallo-900: oklch(0.8007 0.1595 84.74);
+    --nc-dark-giallo-1000: oklch(0.9604 0.0256 84.59);
+    --nc-dark-verde-100: oklch(0.1910 0.0488 153.39);
+    --nc-dark-verde-200: oklch(0.2208 0.0571 152.80);
+    --nc-dark-verde-300: oklch(0.2606 0.0664 153.49);
+    --nc-dark-verde-400: oklch(0.2987 0.0765 153.24);
+    --nc-dark-verde-500: oklch(0.3685 0.0944 153.24);
+    --nc-dark-verde-600: oklch(0.6608 0.1568 153.03);
+    --nc-dark-verde-700: oklch(0.6415 0.1644 153.23);
+    --nc-dark-verde-800: oklch(0.6017 0.1542 153.23);
+    --nc-dark-verde-900: oklch(0.7994 0.1555 153.29);
+    --nc-dark-verde-1000: oklch(0.9600 0.0248 152.88);
+    --nc-dark-acqua-100: oklch(0.1914 0.0330 209.05);
+    --nc-dark-acqua-200: oklch(0.2192 0.0379 209.81);
+    --nc-dark-acqua-300: oklch(0.2610 0.0450 209.30);
+    --nc-dark-acqua-400: oklch(0.3011 0.0519 208.95);
+    --nc-dark-acqua-500: oklch(0.3711 0.0639 208.82);
+    --nc-dark-acqua-600: oklch(0.6568 0.1009 208.69);
+    --nc-dark-acqua-700: oklch(0.6161 0.1062 208.85);
+    --nc-dark-acqua-800: oklch(0.5765 0.0992 208.28);
+    --nc-dark-acqua-900: oklch(0.8004 0.1007 208.37);
+    --nc-dark-acqua-1000: oklch(0.9596 0.0161 206.44);
+    --nc-dark-viola-100: oklch(0.1897 0.0654 295.79);
+    --nc-dark-viola-200: oklch(0.2192 0.0805 294.49);
+    --nc-dark-viola-300: oklch(0.2605 0.0949 295.18);
+    --nc-dark-viola-400: oklch(0.2990 0.1087 294.76);
+    --nc-dark-viola-500: oklch(0.3702 0.1310 295.14);
+    --nc-dark-viola-600: oklch(0.6004 0.1789 294.79);
+    --nc-dark-viola-700: oklch(0.5015 0.1883 294.99);
+    --nc-dark-viola-800: oklch(0.4620 0.1886 294.84);
+    --nc-dark-viola-900: oklch(0.8000 0.1131 295.20);
+    --nc-dark-viola-1000: oklch(0.9591 0.0215 294.60);
+    --nc-dark-rosa-100: oklch(0.1902 0.0716 355.67);
+    --nc-dark-rosa-200: oklch(0.2198 0.0850 357.06);
+    --nc-dark-rosa-300: oklch(0.2591 0.1026 356.37);
+    --nc-dark-rosa-400: oklch(0.3000 0.1188 356.62);
+    --nc-dark-rosa-500: oklch(0.3695 0.1426 356.71);
+    --nc-dark-rosa-600: oklch(0.6611 0.1941 356.61);
+    --nc-dark-rosa-700: oklch(0.6398 0.2044 356.46);
+    --nc-dark-rosa-800: oklch(0.6001 0.2050 356.50);
+    --nc-dark-rosa-900: oklch(0.8005 0.1279 356.32);
+    --nc-dark-rosa-1000: oklch(0.9599 0.0220 356.32);
     --nc-category-teal-soft: oklch(0.9585 0.0244 187.32);
     --nc-category-teal-deep: oklch(0.4600 0.0788 185.34);
     --nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13);
@@ -590,6 +758,90 @@
     --nc-chart-4: var(--nc-dark-chart-4);
     --nc-chart-5: var(--nc-dark-chart-5);
     --nc-chart-6: var(--nc-dark-chart-6);
+    --nc-chart-7: var(--nc-dark-chart-7);
+    --nc-chart-8: var(--nc-dark-chart-8);
+    --nc-chart-9: var(--nc-dark-chart-9);
+    --nc-chart-10: var(--nc-dark-chart-10);
+    --nc-cobalto-100: var(--nc-dark-cobalto-100);
+    --nc-cobalto-200: var(--nc-dark-cobalto-200);
+    --nc-cobalto-300: var(--nc-dark-cobalto-300);
+    --nc-cobalto-400: var(--nc-dark-cobalto-400);
+    --nc-cobalto-500: var(--nc-dark-cobalto-500);
+    --nc-cobalto-600: var(--nc-dark-cobalto-600);
+    --nc-cobalto-700: var(--nc-dark-cobalto-700);
+    --nc-cobalto-800: var(--nc-dark-cobalto-800);
+    --nc-cobalto-900: var(--nc-dark-cobalto-900);
+    --nc-cobalto-1000: var(--nc-dark-cobalto-1000);
+    --nc-rosso-100: var(--nc-dark-rosso-100);
+    --nc-rosso-200: var(--nc-dark-rosso-200);
+    --nc-rosso-300: var(--nc-dark-rosso-300);
+    --nc-rosso-400: var(--nc-dark-rosso-400);
+    --nc-rosso-500: var(--nc-dark-rosso-500);
+    --nc-rosso-600: var(--nc-dark-rosso-600);
+    --nc-rosso-700: var(--nc-dark-rosso-700);
+    --nc-rosso-800: var(--nc-dark-rosso-800);
+    --nc-rosso-900: var(--nc-dark-rosso-900);
+    --nc-rosso-1000: var(--nc-dark-rosso-1000);
+    --nc-arancio-100: var(--nc-dark-arancio-100);
+    --nc-arancio-200: var(--nc-dark-arancio-200);
+    --nc-arancio-300: var(--nc-dark-arancio-300);
+    --nc-arancio-400: var(--nc-dark-arancio-400);
+    --nc-arancio-500: var(--nc-dark-arancio-500);
+    --nc-arancio-600: var(--nc-dark-arancio-600);
+    --nc-arancio-700: var(--nc-dark-arancio-700);
+    --nc-arancio-800: var(--nc-dark-arancio-800);
+    --nc-arancio-900: var(--nc-dark-arancio-900);
+    --nc-arancio-1000: var(--nc-dark-arancio-1000);
+    --nc-giallo-100: var(--nc-dark-giallo-100);
+    --nc-giallo-200: var(--nc-dark-giallo-200);
+    --nc-giallo-300: var(--nc-dark-giallo-300);
+    --nc-giallo-400: var(--nc-dark-giallo-400);
+    --nc-giallo-500: var(--nc-dark-giallo-500);
+    --nc-giallo-600: var(--nc-dark-giallo-600);
+    --nc-giallo-700: var(--nc-dark-giallo-700);
+    --nc-giallo-800: var(--nc-dark-giallo-800);
+    --nc-giallo-900: var(--nc-dark-giallo-900);
+    --nc-giallo-1000: var(--nc-dark-giallo-1000);
+    --nc-verde-100: var(--nc-dark-verde-100);
+    --nc-verde-200: var(--nc-dark-verde-200);
+    --nc-verde-300: var(--nc-dark-verde-300);
+    --nc-verde-400: var(--nc-dark-verde-400);
+    --nc-verde-500: var(--nc-dark-verde-500);
+    --nc-verde-600: var(--nc-dark-verde-600);
+    --nc-verde-700: var(--nc-dark-verde-700);
+    --nc-verde-800: var(--nc-dark-verde-800);
+    --nc-verde-900: var(--nc-dark-verde-900);
+    --nc-verde-1000: var(--nc-dark-verde-1000);
+    --nc-acqua-100: var(--nc-dark-acqua-100);
+    --nc-acqua-200: var(--nc-dark-acqua-200);
+    --nc-acqua-300: var(--nc-dark-acqua-300);
+    --nc-acqua-400: var(--nc-dark-acqua-400);
+    --nc-acqua-500: var(--nc-dark-acqua-500);
+    --nc-acqua-600: var(--nc-dark-acqua-600);
+    --nc-acqua-700: var(--nc-dark-acqua-700);
+    --nc-acqua-800: var(--nc-dark-acqua-800);
+    --nc-acqua-900: var(--nc-dark-acqua-900);
+    --nc-acqua-1000: var(--nc-dark-acqua-1000);
+    --nc-viola-100: var(--nc-dark-viola-100);
+    --nc-viola-200: var(--nc-dark-viola-200);
+    --nc-viola-300: var(--nc-dark-viola-300);
+    --nc-viola-400: var(--nc-dark-viola-400);
+    --nc-viola-500: var(--nc-dark-viola-500);
+    --nc-viola-600: var(--nc-dark-viola-600);
+    --nc-viola-700: var(--nc-dark-viola-700);
+    --nc-viola-800: var(--nc-dark-viola-800);
+    --nc-viola-900: var(--nc-dark-viola-900);
+    --nc-viola-1000: var(--nc-dark-viola-1000);
+    --nc-rosa-100: var(--nc-dark-rosa-100);
+    --nc-rosa-200: var(--nc-dark-rosa-200);
+    --nc-rosa-300: var(--nc-dark-rosa-300);
+    --nc-rosa-400: var(--nc-dark-rosa-400);
+    --nc-rosa-500: var(--nc-dark-rosa-500);
+    --nc-rosa-600: var(--nc-dark-rosa-600);
+    --nc-rosa-700: var(--nc-dark-rosa-700);
+    --nc-rosa-800: var(--nc-dark-rosa-800);
+    --nc-rosa-900: var(--nc-dark-rosa-900);
+    --nc-rosa-1000: var(--nc-dark-rosa-1000);
     --nc-category-teal-soft: var(--nc-dark-category-teal-soft);
     --nc-category-teal-deep: var(--nc-dark-category-teal-deep);
     --nc-category-purple-soft: var(--nc-dark-category-purple-soft);
@@ -620,7 +872,7 @@
 
 /* src/css/theme-host.generated.css */
 @layer theme {
-  @theme { --color-nc-action: oklch(0.1776 0.0000 0.00); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.3012 0.0000 0.00); --color-nc-action-active: oklch(0.0000 0.0000 0.00); --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.0000 0.0000 0.00); --color-nc-link: oklch(0.5339 0.1875 256.73); --color-nc-link-deep: oklch(0.4653 0.1652 257.00); --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-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-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.1776 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1776 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.9461 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.8761 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8297 0.0000 0.00); --color-nc-dark-link: oklch(0.7173 0.1522 251.00); --color-nc-dark-link-deep: oklch(0.8135 0.0986 247.81); --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.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-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.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-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: 20px; --leading-button-lg: 20px; --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: 20px; --leading-button: 20px; --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; --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-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-touch-target: var(--spacing-nadicode-touch-target); }
+  @theme { --color-nc-action: oklch(0.1776 0.0000 0.00); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.3012 0.0000 0.00); --color-nc-action-active: oklch(0.0000 0.0000 0.00); --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.0000 0.0000 0.00); --color-nc-link: oklch(0.5339 0.1875 256.73); --color-nc-link-deep: oklch(0.4653 0.1652 257.00); --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-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.1776 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1776 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.9461 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.8761 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8297 0.0000 0.00); --color-nc-dark-link: oklch(0.7173 0.1522 251.00); --color-nc-dark-link-deep: oklch(0.8135 0.0986 247.81); --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.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-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: 20px; --leading-button-lg: 20px; --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: 20px; --leading-button: 20px; --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; --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-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-touch-target: var(--spacing-nadicode-touch-target); }
 }
 @utility text-display-xl { & strong { font-weight: 500; } }
 @utility text-display-wide { & strong { font-weight: 500; } }