@nadicodeai/design-system 12.1.100 → 12.1.102

package/DESIGN.md

@@ -157,8 +157,8 @@ colors:
   dark-material-workspace: "#000000"
   dark-material-solid: "#000000"
   dark-material-resting: "#0a0a0a"
-  dark-material-raised: "#0f0f0f"
-  dark-material-floating: "#111111"
+  dark-material-raised: "#0a0a0a"
+  dark-material-floating: "#0a0a0a"
   dark-material-modal: "#111111"
   dark-ink: "#ededed"
   dark-body: "#a1a1a1"
@@ -740,10 +740,10 @@ The Portal, Nadia and Alveare are product shells: persistent navigation on the l
 
 | Kind | Its one place | Portal | Nadia | Alveare |
 | --- | --- | --- | --- | --- |
-| Where I can go | The sidebar | Groups by viewer, one selected row | The company, Tasks, then the Agents | Inbox, Channels, Direct messages |
-| An object's sections | The sidebar, swapped | Back link, the object, its sections | Two swaps only: ⋯ → Edit and the company | The channel's own panels |
+| Where I can go | The sidebar | Groups by viewer, one selected row | Find, Scheduled tasks, the company's Wiki and Skills, then the Agents | Inbox, Channels, Direct messages |
+| An object's sections | The sidebar, swapped | Back link, the object, its sections | Two swaps only: ⋯ → Edit and Settings | The channel's own panels |
 | The path | The top bar | Centred: the group or the parents, then the place | The window header: the Agent's orb and name, then the chat switcher | The channel header names the channel |
-| Find, ⌘K | The top of the sidebar | An outlined field | Under the company | Buzz's search, in its sidebar |
+| Find, ⌘K | The top of the sidebar | An outlined field | At the top of the list | Buzz's search, in its sidebar |
 | The account | The sidebar's foot | With the bell | Under the update card | The package's `AccountMenu` |
 | Getting the app | Above the account | Downloads, an outlined row | The update card, only when there is one | The update card |
 | The page's actions | The page's title row | Secondary, primary, the three dots | The window header's trailing edge: the Agent's three dots, after the chat switcher | The channel header's trailing edge |
@@ -756,16 +756,16 @@ The Portal, Nadia and Alveare are product shells: persistent navigation on the l
 - **Compact screens keep the same relationships.** Tabs scroll horizontally, primary content stacks before supporting facts, and no second sidebar appears.
 - **The desktop window has one top band.** In Nadia, the window's header row and the left column's top band are one 44 px band that holds the shared chrome controls and centres the macOS window buttons; the Portal keeps its own top bar.
 
-**Nadia's window** sorts every thing by what it belongs to, in four scopes, each with one home: the company (what every Agent here shares), one Agent (her work and her setup), one chat (what is happening now) and the person on this computer (how the app behaves).
+**Nadia's window** sorts every thing by what it belongs to, in four scopes: the company (what every Agent here shares), one Agent (her work and her setup), one chat (what is happening now) and the person on this computer (how the app behaves). The company's pages of work, Wiki and Skills, sit in the list; what it sets once, its Memory, Mail and Alveare, sits in Settings beside this computer's settings.
 
-- **The list at rest** holds, top to bottom: the company, its mark and name over "Company · 3 Agents", where Vercel puts the team, above the Agents because it contains them; Find; Tasks; the group "Agents", Nadia first, then by name ("Agent orbs"); then the update card and the account. Nothing else, and no chats under an Agent: her chats are in the switcher by her name.
-- **The company** swaps the list to a back link to the Agents, the company, and its sections, each its own page with its own title and its actions on that title's row: Skills, Memory, Mail and Alveare. They are four different things, not four views of one, so they are pages, never tabs under the company's name.
-- **Tasks** is a place: one page of every Agent's scheduled work, each row with its Agent's orb, its schedule and its last or next run, failures first, filtered by Agent, with New task on the title row; a task opens for editing in its row. The row carries a red count of the tasks that failed (`SidebarMenuBadge tone="attention"`), so the person sees a failure before looking for it.
+- **The list at rest** holds, top to bottom: Find; Scheduled tasks; the company's Wiki and Skills; the group "Agents", Nadia first, then by name ("Agent orbs"); then the update card and the account. Nothing else, and no chats under an Agent: her chats are in the switcher by her name.
+- **The company's pages**, Wiki and Skills, are rows under Scheduled tasks at the top of the list, each its own page with its own title and its actions on that title's row, never tabs under the company's name.
+- **Scheduled tasks** is a place: one page of every Agent's scheduled work, each row with its Agent's orb, its schedule and its last or next run, failures first, filtered by Agent, with New task on the title row; a task opens for editing in its row. The row carries a red count of the tasks that failed (`SidebarMenuBadge tone="attention"`), so the person sees a failure before looking for it.
 - **⋯ → Edit** stays as it is: it swaps the list to the Agent's Profile, Skills, Apps, MCP, Messaging, Plugins and Passwords. The chat switcher by her name stays as it is.
-- **Settings** is how the app behaves on this computer: notifications, services, updates. It opens from the account menu's gear, as one settings page, and never swaps the list; the account menu holds Settings, Theme, Language, Usage and Sign out. The company's skills, memory, mail and Alveare are never in Settings.
+- **Settings** is what is set once rather than worked in: how the app behaves on this computer (its language, look, notifications, services and updates) and the company's Memory, Mail and Alveare. It opens from the account menu's Settings or its gear and swaps the list to a back link to the Agents and its sections, each its own page: General, Appearance, Notifications, and the company's Memory, Mail and Alveare, then Updates; the account menu holds Usage, Settings, Theme, Language and Sign out.
 - **The window header** is the Agent's title row: her orb and name, the chat switcher, then, on a chat, the side panel's toggle, and her three dots last (New chat, Edit, Open in Portal, Delete).
 - **The side panel is opened, never pushed.** On a chat, the header's toggle opens the window's right side on the panel the person last chose: the Browser, or Artifacts, the images, documents and links in the Agent's chats, as Hermes names them, newest first, one opening large in their place. Its 44 px band names the panel, then the switch between the two, then ×; while she browses behind Artifacts or with the panel closed, the toggle and the switch's Browser carry a dot, and nothing moves by itself. × or Esc closes it and gives focus back to the toggle, while a page she is browsing keeps loading behind. Opened, it takes 44% of the window, held between 28rem and 48rem, and yields first: by its drag edge it narrows to 352 px and widens only as far as leaves the Agents list and 360 px of chat; under 1024 px it lies over the chat at the same width, without a drag edge. It is not a `Sheet`: it never blocks the chat, takes focus or dims the page.
-- **The list narrows.** From 640 to 899 px it becomes a column of 48 px squares: the company, Find and Tasks, then the orbs, each named with its state line in a tooltip; under 640 px it leaves for a sheet the header's sidebar button opens.
+- **The list narrows.** From 640 to 899 px it becomes a column of 48 px squares: Find, Scheduled tasks, Wiki and Skills, then the orbs, each named with its state line in a tooltip; under 640 px it leaves for a sheet the header's sidebar button opens.
 
 **Alveare** keeps the same arrangement in Buzz's components: places in the sidebar, Inbox first; the channel header names the channel and holds only the channel's own controls; the update card and the package's `AccountMenu` stand at the sidebar's foot; the top band keeps only the sidebar toggle.
 
@@ -778,7 +778,7 @@ A product page is one of five page compositions, each answering one question fir
 | Overview | `OverviewPage` | What needs attention? | The period on the title row; the figures in one row of `KpiCard`s; the chart cards, each with its one header; then the exceptions that need a person, a `RecordList` with its heading, each row opening its owner. Never a stack of previews of every section. |
 | Collection | `CollectionPage` | Which record? | The title with the page's actions on its row and nothing under it; the page's sibling collections as line tabs, when it has them; one toolbar (search, filters, sort); then one line per record (`RecordList`, "Tables and missing values"). One row is one hover and one open target. |
 | Object | `ObjectPage` | What is this, what can I do? | The parent in the path and its sections in the sidebar; then the object's header on the page ground, never in a card: its identity mark at 64 px, its name at `{typography.heading-md}`, one line saying what it is, a row of key facts as label and value, and on the name's row one secondary action, then the three dots, never a primary; then its sections, each a card only where it owns a decision. An Agent is the exception: her first section, Profile, opens with her card, the same in every product (`AgentProfileCard`): on the left her orb at 64 px, her name with a ghost pencil that turns her name, description and, where the product holds it, her look into fields in place, saved by the card's own Save, with no drawer or overlay, her description and her facts (status, last activity, the template she was made from); on the right her model, drawn with its maker's mark, her reasoning and, where the product holds them, her permissions, saved from the card's footer; her instructions follow as the next card. The page's commands sit in the window's three dots where the product has one, and otherwise at the end of her name's row. |
-| Settings | `SettingsPage` | What can I change? | A centred column of section cards, each with its title and one line, labels and help above each control, and its own Save in its footer. |
+| Settings | `SettingsPage` | What can I change? | A centred column of section cards, each with its title and one line and labels and help above each control; a card of choices applies each as it is made, and a card of typed values has its own Save in its footer. |
 | Library | `LibraryShelf` | What reusable thing can I use? | The shelf's title with its one definition line, the search, then the entries in two columns: each its kind's tile, its name, one line of description and its one Add control; detail shows content, requirements, source and revision. |
 
 The pages share the parts below them, each with one owner: one line per record is `RecordList`, which `CollectionPage`, an overview's exceptions and an object's "Needs attention" section draw; an absence is `EmptyState` ("Elevation & Depth"); an overlay is the owner its job names ("Menus and commands"); what happened is `ActivityFeed` ("Activity"); a record's mark is `IdentityMark` ("Identity marks").
@@ -797,7 +797,7 @@ Product UI sits on one continuous workspace ground, `{colors.material-workspace}
 
 **The edge carries height, the same way in both modes.** Each recipe is a 1 px ring around the surface and a faint black shadow under it; the ring is black at 8% on light and white at 14.5% on dark, and it is the first layer. A final opaque backing edge prevents the shadows beneath from darkening that optical ring. Light and dark share the shadow geometry: a 2 px contact shadow for resting, a short drop added for raised, and one soft shadow of 24 px blur for floating and 32 px for modal, at no more than 6% in light. Shadows stay black: a tinted or wide shadow makes a card float off the page and parts light from dark.
 
-**In dark, every surface stays near black.** The page is `{colors.dark-canvas}`; a surface is a few points above it, so the ring, not a grey fill, separates it: resting `{colors.dark-material-resting}`, raised `{colors.dark-material-raised}`, floating `{colors.dark-material-floating}`, modal `{colors.dark-material-modal}`. The design-system checks fail a height darker than the one below it or past 1.15:1 against the page, and a dark ring that does not clear 1.5:1 against the page over the resting tone. `{colors.dark-ink}` and `{colors.dark-muted}` keep the WCAG AA text floor on the top step. Hover and selected fills step up from the surface they sit on. A component names only its height and its role (`bg-card`, `bg-popover`); `@nadicodeai/ui/globals.css` sets those roles to the height's tone on the element.
+**In dark, every surface stays near black.** The page is `{colors.dark-canvas}`; a surface is a few points above it, so the ring, not a grey fill, separates it: resting `{colors.dark-material-resting}`, raised `{colors.dark-material-raised}`, floating `{colors.dark-material-floating}`, modal `{colors.dark-material-modal}`. The design-system checks fail a height darker than the one below it or past 1.15:1 against the page, and a dark ring that does not clear 1.5:1 against the page over the resting tone. `{colors.dark-ink}` and `{colors.dark-muted}` keep the WCAG AA text floor on the top step. Hover and selected fills step up from the surface they sit on. A component names only its height and its role (`bg-card`, `bg-popover`); `@nadicodeai/ui/globals.css` sets those roles to the height's tone on the element. Raised and floating take the resting tone, as Vercel's menus and popovers do: a menu over the black page reads as near black, and its ring, not a lighter fill, sets it apart. Ruled by the owner on 16 October 2026.
 
 | Surface | Fill | Height | Use |
 | --- | --- | --- | --- |
@@ -1008,7 +1008,7 @@ Choose the owner for the whole task. Keep its slots and state handling together
 
 | Task | Shared composition | What the product adapter supplies |
 | --- | --- | --- |
-| Settings | `SettingsPage` → `SettingsSection` with its `save` → `SettingsField`. | The section's title and one line, its fields, what saving does (`save.action`), the save's words and its hint. The section owns the changed state, Save, "Saved" and a failure under its field. |
+| Settings | `SettingsPage` → `SettingsSection` with its `save` → `SettingsField`. | The section's title and one line, its fields, what saving does (`save.action`), the product's toast for a save that went through (`save.saved`), the save's words and, where the card has something specific to say, its hint. The section owns the changed state, Save and a failure under its field. |
 | Read-only facts | `ObjectPage`'s `facts`, `SettingsFactsSection` or `ObjectFacts`, with `TableValue` for missing facts. | Label/value pairs, actual timestamps, identifier format, links and permission-aware actions. Unknown remains distinct from zero. |
 | Entity collection | `CollectionPage` on `RecordList`: the title's actions, the line tabs, search, filters and sort, then rows that identify themselves (`RecordIdentity` with its `IdentityMark` and `detail`, a status only for the exception, `RecordTime`), the row's command or menu, an action's failure inside its row, the edit inside its row (`RowEditForm`), and its loading, empty and no-match states. | The records, what each one says, its commands as data, its catalogue message when an action fails, and the edit form. Never its own toolbar, table, rows or menus. |
 | A list inside another page | `RecordList` with its `heading`: an overview's exceptions, an object's "Needs attention". | The same as a collection's rows, and the heading's title. |
@@ -1050,11 +1050,11 @@ Keep Geist's hierarchy, control metrics, typography roles, neutral surface zones
 
 ### Cards and sections
 
-`Card` is the product's container, at the resting height by default ("Elevation & Depth"). A row of cards is a `CardRow`: siblings share one height, and the row collapses to one column below its breakpoint. A card or settings section is composed around a real task, collection or form; its header names the content and may explain scope or consequence, and it is never a card holding only an introduction. A card's or a section's title carries no icon, unless the card stands for one external system, whose mark it then carries. A settings section owns its heading, a one-line description of what the setting changes, its fields and its local save. On a settings page each card saves its own fields through its own `save`, with its own Save in its footer: always visible and off until something in that card differs from what is saved; while saving, its pending word; once saved, "Saved" with the ok check in the footer's left until the next change; a failure keeps every value and shows under the field it is about. An object's section that edits in place swaps to the same section with Cancel before Save. Nothing on a settings page applies on change. Only the preferences in the account menu, Theme and Language, apply at once. Its footer is a strip one tone off the card body inside the card's edge, the `recessed` role behind a `{colors.line}` seam: `{colors.canvas-soft}` below the white card in light, and `{colors.dark-canvas}` below the resting body in dark: an optional hint on the left, such as the plan a feature needs or a link to learn more, and the section's action on the right; a facts section shows labelled facts as plain pairs, the label above its value, in two equal columns, stacked on compact screens, with every label kept in place when a value is missing; a fact never gets a box of its own inside the card. A KPI card is one figure: label, value, the change as a badge in the top right, and a footer with the comparison; its label is words alone, with no icon.
+`Card` is the product's container, at the resting height by default ("Elevation & Depth"). A row of cards is a `CardRow`: siblings share one height, and the row collapses to one column below its breakpoint. A card or settings section is composed around a real task, collection or form; its header names the content and may explain scope or consequence, and it is never a card holding only an introduction. A card's or a section's title carries no icon, unless the card stands for one external system, whose mark it then carries. A settings section owns its heading, a one-line description of what the setting changes, its fields and its local save. On a settings page the shape follows the data, and when it saves follows whether a half-done edit makes sense. A reversible choice (a switch, a theme, a language, a pick from a short list) applies at once, with no Save, and the product's toast confirms it; a change that fails says so in the toast and the control shows the stored value again. A typed value (a name, a URL, a server, a port, a key) gets its own card, which saves its fields through its own `save`, with its own Save in its footer: always visible and off until something in that card differs from what is saved; while saving, its pending word; a save that succeeds is announced by the product's toast and leaves no saved state in the footer; a failure keeps every value and shows under the field it is about. A collection is a table whose Add opens a form and whose every row carries **⋯**, and a destructive action there confirms first. A status is a read-only card with the one action that fixes it. An object's section that edits in place swaps to the same section with Cancel before Save. Its footer is a strip one tone off the card body inside the card's edge, the `recessed` role behind a `{colors.line}` seam: `{colors.canvas-soft}` below the white card in light, and `{colors.dark-canvas}` below the resting body in dark: an optional hint on the left, only where it says something specific to that card (a limit such as "Please use 32 characters at maximum.", what a value is for, the plan a feature needs or a link to learn more) and never one sentence every card repeats, and the section's action on the right; a facts section shows labelled facts as plain pairs, the label above its value, in two equal columns, stacked on compact screens, with every label kept in place when a value is missing; a fact never gets a box of its own inside the card. A KPI card is one figure: label, value, the change as a badge in the top right, and a footer with the comparison; its label is words alone, with no icon.
 
 ### Menus and commands
 
-A record's primary destination is its visible name or a labelled link. Navigation is never hidden in its action menu. Keep the main task visible: Edit opens the record inside its row, as in Vercel Domains; Connect belongs beside an available connection. Additional mutations use an end-aligned `ActionMenu`, the same commands on a right-click through `ActionContextMenu`; a menu is not required when the row has no secondary mutations. Commands reach a person only through `PageActions` (a page), `ActionMenu` and `ActionContextMenu` (a record) and `AccountMenu` (the account), each taking its commands as data (`menu-owner`). The three-dot trigger is a `{spacing.control-height}` ghost icon button named for its record, "More for pec@acme.it", and comes last, after any button. A menu opens under its trigger at the floating height and draws, top to bottom: its first line naming the record it acts on, in muted type; the commands, each with its icon leading the label, as Geist and Vercel draw them; then, after a divider, the destructive command last, in the error colour. A disabled command stays in place with its reason under its label. A destructive command never becomes the loudest repeated action: it is never a button on every row. Ruled by the owner on 14 October 2026.
+A record's primary destination is its visible name or a labelled link. Navigation is never hidden in its action menu. Keep the main task visible: Edit opens the record inside its row, as in Vercel Domains; Connect belongs beside an available connection. Additional mutations use an end-aligned `ActionMenu`, the same commands on a right-click through `ActionContextMenu`; a menu is not required when the row has no secondary mutations. Commands reach a person only through `PageActions` (a page), `ActionMenu` and `ActionContextMenu` (a record) and `AccountMenu` (the account), each taking its commands as data (`menu-owner`). The three-dot trigger is a `{spacing.control-height}` ghost icon button named for its record, "More for pec@acme.it", and comes last, after any button. A record's or a page's menu opens under its trigger at the floating height and draws, top to bottom: its first line naming the record it acts on, in muted type; the commands, each with its icon leading the label, as Geist and Vercel draw them; then, after a divider, the destructive command last, in the error colour. A disabled command stays in place with its reason under its label. A destructive command never becomes the loudest repeated action: it is never a button on every row. Ruled by the owner on 14 October 2026. The account menu is the one exception, drawn as Vercel's below: its icons trail their labels and Sign out is in the body colour.
 
 Choose the surface by where the thing being changed is shown and how big the job is, never by the page that happens to need it: the same job takes the same surface in every product. Adding a skill is the catalogue drawer in the Portal and in Nadia, and editing a task or an MCP server opens its row in both. Each surface has one owner:
 
@@ -1071,7 +1071,7 @@ Choose the surface by where the thing being changed is shown and how big the job
 
 A record already on screen is never edited in a dialog or a drawer, and a drawer is never chosen because an action takes input: a catalogue is `CatalogDrawer`, a setup in steps is `FormDrawer` with `job="steps"`, and the drawer owns its one width, 560 px (the full width on a compact screen), which no caller sets. A confirmation's title names the record as a statement, never a question: "Delete Bandi di Bergamo"; its body says what happens, and its button repeats the verb and the noun, "Delete task". A settings page is the Settings composition. These choices follow the live Vercel Domains, Projects and settings pages and the [Geist Modal](https://vercel.com/geist/modal) and [Fieldset](https://vercel.com/geist/fieldset) patterns.
 
-Collection search and filters stay immediately above their rows. The title row holds the collection's primary action, unless an inline form already exposes that task. Scope selectors preserve the authorized organization or account. Filters do not compete with primary actions. The account menu identifies the signed-in person and exposes their account settings, theme and language.
+Collection search and filters stay immediately above their rows. The title row holds the collection's primary action, unless an inline form already exposes that task. Scope selectors preserve the authorized organization or account. Filters do not compete with primary actions. The account menu identifies the signed-in person and exposes their account settings, theme and language, drawn as Vercel's: 288 px wide, opening 6 px above its trigger; a header of the name and the lines under it with the gear at its end, and no picture; then one divider and the rows, 36 px high, each its label leading and its icon or its control trailing in muted ink, Theme and Language as a small round pill of choices, a product's own reading before its icon, and Sign out last in the body colour, since signing out destroys nothing. Ruled by the owner on 16 October 2026.
 
 
 ### Tables and missing values

package/dist/css/host.css

@@ -189,8 +189,8 @@
     --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-resting: oklch(0.1448 0.0000 0.00);
-    --nc-dark-material-raised: oklch(0.1684 0.0000 0.00);
-    --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);
+    --nc-dark-material-raised: oklch(0.1448 0.0000 0.00);
+    --nc-dark-material-floating: oklch(0.1448 0.0000 0.00);
     --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);
@@ -872,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.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); }
+  @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.1448 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1448 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; } }

package/dist/css/index.css

@@ -189,8 +189,8 @@
     --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-resting: oklch(0.1448 0.0000 0.00);
-    --nc-dark-material-raised: oklch(0.1684 0.0000 0.00);
-    --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);
+    --nc-dark-material-raised: oklch(0.1448 0.0000 0.00);
+    --nc-dark-material-floating: oklch(0.1448 0.0000 0.00);
     --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);
@@ -998,7 +998,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.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; --radius-none: 0px; --radius-xs: 2px; --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-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-*: initial; --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.1448 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1448 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; --radius-none: 0px; --radius-xs: 2px; --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-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 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-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

@@ -189,8 +189,8 @@
     --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
     --nc-dark-material-resting: oklch(0.1448 0.0000 0.00);
-    --nc-dark-material-raised: oklch(0.1684 0.0000 0.00);
-    --nc-dark-material-floating: oklch(0.1776 0.0000 0.00);
+    --nc-dark-material-raised: oklch(0.1448 0.0000 0.00);
+    --nc-dark-material-floating: oklch(0.1448 0.0000 0.00);
     --nc-dark-material-modal: oklch(0.1776 0.0000 0.00);
     --nc-dark-ink: oklch(0.9461 0.0000 0.00);
     --nc-dark-body: oklch(0.7090 0.0000 0.00);

package/dist/tailwind/nadicode.tailwind.json

@@ -150,8 +150,8 @@
         "dark-material-workspace": "#000000",
         "dark-material-solid": "#000000",
         "dark-material-resting": "#0a0a0a",
-        "dark-material-raised": "#0f0f0f",
-        "dark-material-floating": "#111111",
+        "dark-material-raised": "#0a0a0a",
+        "dark-material-floating": "#0a0a0a",
         "dark-material-modal": "#111111",
         "dark-ink": "#ededed",
         "dark-body": "#a1a1a1",

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

@@ -1637,22 +1637,22 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.059,
-              0.059,
-              0.059
+              0.039,
+              0.039,
+              0.039
             ],
-            "hex": "#0f0f0f"
+            "hex": "#0a0a0a"
           }
         },
         "dark-material-floating": {
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.067,
-              0.067,
-              0.067
+              0.039,
+              0.039,
+              0.039
             ],
-            "hex": "#111111"
+            "hex": "#0a0a0a"
           }
         },
         "dark-material-modal": {

package/dist/tokens/nadicode.dtcg.json

@@ -1637,22 +1637,22 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.059,
-              0.059,
-              0.059
+              0.039,
+              0.039,
+              0.039
             ],
-            "hex": "#0f0f0f"
+            "hex": "#0a0a0a"
           }
         },
         "dark-material-floating": {
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.067,
-              0.067,
-              0.067
+              0.039,
+              0.039,
+              0.039
             ],
-            "hex": "#111111"
+            "hex": "#0a0a0a"
           }
         },
         "dark-material-modal": {

package/package.json

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