@nadicodeai/design-system 0.13.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/DESIGN.md CHANGED
@@ -8,24 +8,24 @@ description: >-
8
8
  shared by every NadicodeAI interface.
9
9
 
10
10
  colors:
11
- primary: "#00a85a"
12
- on-primary: "#0f0e0b"
13
- action: "#00a85a"
14
- action-foreground: "#0f0e0b"
15
- action-hover: "#009d54"
16
- action-active: "#009550"
17
- ink: "#0f0e0b"
18
- body: "#3d3c38"
19
- muted: "#74726b"
11
+ primary: "#007a3c"
12
+ on-primary: "#ffffff"
13
+ action: "#007a3c"
14
+ action-foreground: "#ffffff"
15
+ action-hover: "#00602f"
16
+ action-active: "#00301a"
17
+ ink: "#111111"
18
+ body: "#444444"
19
+ muted: "#6b6b6b"
20
20
  canvas: "#ffffff"
21
- canvas-soft: "#f7f7f4"
22
- canvas-soft-2: "#efefe9"
23
- line: "#e6e6e0"
24
- input: "#74726d"
25
- seam: "#d8d8d0"
26
- cross: "#97958b"
21
+ canvas-soft: "#fafafa"
22
+ canvas-soft-2: "#f5f5f5"
23
+ line: "#e5e5e5"
24
+ input: "#757575"
25
+ seam: "#d4d4d4"
26
+ cross: "#999999"
27
27
  focus-ring: "#00713d"
28
- scrim: "#0f0e0b"
28
+ scrim: "#111111"
29
29
  link: "#00713d"
30
30
  link-deep: "#00522c"
31
31
  link-bg-soft: "#c6efd9"
@@ -41,24 +41,24 @@ colors:
41
41
  warning-soft: "#fff3d1"
42
42
  warning-deep: "#7a5800"
43
43
  flag-red: "#d3302f"
44
- selection-bg: "#0f0e0b"
45
- selection-fg: "#f7f7f4"
44
+ selection-bg: "#111111"
45
+ selection-fg: "#fafafa"
46
46
  navigation-selection-bg: "#1e3cff"
47
47
  navigation-selection-fg: "#ffffff"
48
48
  navigation-selection-hover: "#1735df"
49
- state-ready: "#74726b"
49
+ state-ready: "#6b6b6b"
50
50
  state-running: "#1e3cff"
51
51
  state-review: "#ffc220"
52
52
  state-blocked: "#d3302f"
53
53
  state-complete: "#00a85a"
54
54
  background-100: "#ffffff"
55
- background-200: "#f7f7f4"
55
+ background-200: "#fafafa"
56
56
  campo-verde: "#00a85a"
57
57
  campo-rosso: "#d3302f"
58
58
  campo-arancio: "#ff5a1f"
59
59
  campo-giallo: "#ffc220"
60
60
  campo-cobalto: "#1e3cff"
61
- campo-inchiostro: "#0f0e0b"
61
+ campo-inchiostro: "#111111"
62
62
  campo-bianco: "#ffffff"
63
63
  chart-1: "#1e3cff"
64
64
  chart-2: "#00a85a"
@@ -72,28 +72,28 @@ colors:
72
72
  chart-seq-4: "#1d33ad"
73
73
  chart-seq-5: "#16277f"
74
74
  chart-div-warm: "#e0a600"
75
- chart-div-mid: "#74726b"
75
+ chart-div-mid: "#6b6b6b"
76
76
  chart-div-cool: "#4d6bff"
77
- dark-canvas: "#0f0f0d"
78
- dark-canvas-soft: "#171714"
79
- dark-canvas-soft-2: "#20201b"
80
- dark-ink: "#f2f2ee"
81
- dark-body: "#cac9c3"
82
- dark-muted: "#8f8d84"
83
- dark-line: "#2a2a26"
84
- dark-input: "#696863"
85
- dark-seam: "#20201b"
77
+ dark-canvas: "#0a0a0a"
78
+ dark-canvas-soft: "#111111"
79
+ dark-canvas-soft-2: "#1a1a1a"
80
+ dark-ink: "#ededed"
81
+ dark-body: "#c7c7c7"
82
+ dark-muted: "#8f8f8f"
83
+ dark-line: "#262626"
84
+ dark-input: "#696969"
85
+ dark-seam: "#1a1a1a"
86
86
  dark-primary: "#2fd584"
87
- dark-on-primary: "#0f0f0d"
87
+ dark-on-primary: "#0a0a0a"
88
88
  dark-action: "#2fd584"
89
- dark-action-foreground: "#0f0f0d"
89
+ dark-action-foreground: "#0a0a0a"
90
90
  dark-action-hover: "#4ecf8c"
91
91
  dark-action-active: "#17bd68"
92
92
  dark-link: "#4ecf8c"
93
93
  dark-link-deep: "#93e3b8"
94
94
  dark-link-bg-soft: "#00351c"
95
95
  dark-focus-ring: "#4ecf8c"
96
- dark-scrim: "#f2f2ee"
96
+ dark-scrim: "#ededed"
97
97
  dark-error: "#f5a3a1"
98
98
  dark-error-soft: "#380a09"
99
99
  dark-error-deep: "#fbcccb"
@@ -107,17 +107,17 @@ colors:
107
107
  dark-cyan-soft: "#7ee8de"
108
108
  dark-cyan-deep: "#1f9e9a"
109
109
  dark-success: "#17bd68"
110
- dark-state-ready: "#74726b"
110
+ dark-state-ready: "#757575"
111
111
  dark-state-running: "#4d6bff"
112
112
  dark-state-review: "#ffc220"
113
113
  dark-state-blocked: "#d3302f"
114
114
  dark-state-complete: "#00a85a"
115
- dark-selection-bg: "#f2f2ee"
116
- dark-selection-fg: "#0f0f0d"
115
+ dark-selection-bg: "#ededed"
116
+ dark-selection-fg: "#0a0a0a"
117
117
  dark-navigation-selection-bg: "#2743d8"
118
- dark-navigation-selection-fg: "#f2f2ee"
118
+ dark-navigation-selection-fg: "#ededed"
119
119
  dark-navigation-selection-hover: "#3552e6"
120
- dark-cross: "#565349"
120
+ dark-cross: "#555555"
121
121
  dark-chart-1: "#4d6bff"
122
122
  dark-chart-2: "#00a85a"
123
123
  dark-chart-3: "#ffd866"
@@ -130,7 +130,7 @@ colors:
130
130
  dark-chart-seq-4: "#cdd9fd"
131
131
  dark-chart-seq-5: "#eef2ff"
132
132
  dark-chart-div-warm: "#ffd866"
133
- dark-chart-div-mid: "#e6e6e0"
133
+ dark-chart-div-mid: "#e5e5e5"
134
134
  dark-chart-div-cool: "#b3c1ff"
135
135
 
136
136
  typography:
@@ -337,12 +337,12 @@ The kernel is the reusable implementation layer. `DESIGN.md` defines the reusabl
337
337
 
338
338
  The colour system is two families that never mix. The **functional tier** — the semantic role tokens plus the chart series — drives every product and interface state. The **brand tier** — the campi — paints marketing and identity surfaces only. A functional role is never a poster field, and a campo is never a UI state.
339
339
 
340
- Every value a role needs is carried by the role token itself; there are no ten-step scale families to reference. Two neutral page grounds sit under the roles below: `{colors.background-100}` (page default, white) and `{colors.background-200}` (soft, used sparingly). The neutral spine — `{colors.ink}`, `{colors.body}`, `{colors.muted}`, `{colors.canvas}`, `{colors.canvas-soft}`, `{colors.canvas-soft-2}`, `{colors.line}`, `{colors.seam}` — is warm and low-chroma (OKLCH chroma 0.01), not equal-channel gray, so surfaces read as paper rather than cold screen while staying achromatic enough that no hue paints an app surface. Colours are authored as sRGB hex here and emitted as `oklch()` in the generated CSS.
340
+ Every value a role needs is carried by the role token itself; there are no ten-step scale families to reference. Two neutral page grounds sit under the roles below: `{colors.background-100}` (page default, white) and `{colors.background-200}` (soft, used sparingly). The neutral spine — `{colors.ink}`, `{colors.body}`, `{colors.muted}`, `{colors.canvas}`, `{colors.canvas-soft}`, `{colors.canvas-soft-2}`, `{colors.line}`, `{colors.seam}` — is strictly achromatic: every neutral is an equal-channel gray (OKLCH chroma 0) in both themes. The five campi are cross-spectrum equals, so any neutral bias would flatter one field and dirty another; hue arrives full-strength through the chromatic roles or not at all, and no tint ever paints an app surface. Colours are authored as sRGB hex here and emitted as `oklch()` in the generated CSS.
341
341
 
342
342
  ### Semantic roles (functional tier)
343
343
 
344
- - **Primary brand anchor** (`{colors.primary}` = verde `#00a85a`): identity marks and brand accents. Text on the verde field is ink (`{colors.on-primary}`), never white normal-size white does not clear AA on the brighter verde, ink clears it comfortably.
345
- - **Action** (`{colors.action}` = verde, `{colors.action-foreground}` = ink, `{colors.action-hover}`, `{colors.action-active}`): the primary-control family — an ink label on the verde field. The shadcn `primary` roles map here. Dark mode uses the `dark-action-*` roles, a brightened verde that clears the dark canvas, still ink-labelled.
344
+ - **Primary brand anchor** (`{colors.primary}` = deep verde `#007a3c`): identity marks and brand accents in UI. Text on the deep verde field is white (`{colors.on-primary}`), which clears AA comfortably at this depth; the brighter campo verde `#00a85a` stays the imagery-tier anchor and never carries normal-size white text.
345
+ - **Action** (`{colors.action}` = deep verde, `{colors.action-foreground}` = white, `{colors.action-hover}`, `{colors.action-active}`): the primary-control family — a white label on the deep verde field, hover and active stepping darker. The shadcn `primary` roles map here. Dark mode uses the `dark-action-*` roles, a brightened verde that clears the dark canvas and carries a near-black label.
346
346
  - **Canvas / Line / Input / Cross / Seam** (`{colors.canvas}`, `{colors.line}`, `{colors.input}`, `{colors.cross}`, `{colors.seam}`): white content cells, the universal decorative 1 px divider, the resting-control boundary, the stronger mark/crosshair gray, and the dashed connector guide. `{colors.line}` owns ordinary seams and is deliberately quiet — a decorative hairline, not held to a non-text contrast floor. `{colors.input}` owns fields and other interactive boundaries and clears the 3:1 non-text floor against its canvas. Never darken a decorative border locally to make it behave like a control.
347
347
  - **Body / Muted** (`{colors.body}`, `{colors.muted}`): `{colors.body}` is readable supporting copy and clears AA on canvas; `{colors.muted}` is restricted to disabled, inactive, and placeholder content. Do not use muted text for ordinary descriptions, labels, or help text.
348
348
  - **Focus ring** (`{colors.focus-ring}` / `{colors.dark-focus-ring}`): the full-opacity `{spacing.focus-ring-width}` keyboard-focus indicator with no offset. It is independent of the resting border and clears the 3:1 non-text floor against the adjacent canvas.
@@ -1,6 +1,6 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="NadicodeAI mark">
2
2
  <clipPath id="mark-overlap"><rect x="58" y="84" width="26" height="26"/></clipPath>
3
3
  <rect fill="none" stroke="currentColor" stroke-width="10" x="42" y="50" width="46" height="46" rx="13"/>
4
- <rect fill="none" stroke="var(--nc-primary, #00a85a)" stroke-width="10" x="72" y="64" width="46" height="46" rx="13"/>
4
+ <rect fill="none" stroke="var(--nc-primary, #007a3c)" stroke-width="10" x="72" y="64" width="46" height="46" rx="13"/>
5
5
  <rect fill="none" stroke="currentColor" stroke-width="10" x="42" y="50" width="46" height="46" rx="13" clip-path="url(#mark-overlap)"/>
6
6
  </svg>
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 100" role="img" aria-label="NadicodeAI wordmark">
2
2
  <g fill="currentColor" transform="translate(0 76) scale(0.06 -0.06)"><path transform="translate(0 0)" d="M74 0L74 710L242 710L524 220L524 710L676 710L676 0L506 0L226 473L226 0Z"/><path transform="translate(706.867 0)" d="M225 -12Q142 -12 89.5 26.5Q37 65 37 134Q37 205 81.5 243.5Q126 282 213 300L386 334Q386 386 362.5 412.5Q339 439 295 439Q252 439 228 419.5Q204 400 197 362L46 369Q61 457 125.5 502.5Q190 548 295 548Q415 548 475.5 491Q536 434 536 324L536 141Q536 118 543.5 110.5Q551 103 566 103L581 103L581 0Q574 -2 558.5 -4Q543 -6 528 -6Q496 -6 468.5 5Q441 16 424 42.5Q407 69 407 118L420 108Q410 72 384.5 45Q359 18 318.5 3Q278 -12 225 -12ZM261 91Q298 91 326 105.5Q354 120 370 148Q386 176 386 214L386 240L264 214Q228 207 209.5 190.5Q191 174 191 148Q191 121 209 106Q227 91 261 91Z"/><path transform="translate(1258.133 0)" d="M257 -12Q189 -12 139.5 22.5Q90 57 63.5 119.5Q37 182 37 268Q37 354 64 416.5Q91 479 140.5 513.5Q190 548 257 548Q314 548 355.5 524.5Q397 501 418 460L418 710L568 710L568 0L425 0L422 79Q400 36 356.5 12Q313 -12 257 -12ZM306 103Q342 103 367 122Q392 141 405 177.5Q418 214 418 268Q418 323 405 359.5Q392 396 367 414.5Q342 433 306 433Q253 433 222 388.5Q191 344 191 268Q191 193 222.5 148Q254 103 306 103Z"/><path transform="translate(1844.8 0)" d="M66 0L66 536L216 536L216 0ZM63 602L63 722L218 722L218 602Z"/><path transform="translate(2082.667 0)" d="M309 -12Q227 -12 166 22.5Q105 57 71 120Q37 183 37 268Q37 353 71 415.5Q105 478 166 513Q227 548 309 548Q380 548 436.5 523Q493 498 528 451Q563 404 571 338L416 331Q409 381 380.5 406.5Q352 432 309 432Q253 432 222 389Q191 346 191 268Q191 190 222 146.5Q253 103 309 103Q352 103 381 129.5Q410 156 416 210L571 204Q564 138 529.5 89.5Q495 41 438.5 14.5Q382 -12 309 -12Z"/><path transform="translate(2636.933 0)" d="M309 -12Q227 -12 166 22.5Q105 57 71 120Q37 183 37 268Q37 353 71 415.5Q105 478 166 513Q227 548 309 548Q391 548 452 513Q513 478 547 415.5Q581 353 581 268Q581 183 547 120Q513 57 452 22.5Q391 -12 309 -12ZM309 103Q365 103 396 146.5Q427 190 427 268Q427 346 396 389.5Q365 433 309 433Q253 433 222 389.5Q191 346 191 268Q191 190 222 146.5Q253 103 309 103Z"/><path transform="translate(3211.6 0)" d="M257 -12Q189 -12 139.5 22.5Q90 57 63.5 119.5Q37 182 37 268Q37 354 64 416.5Q91 479 140.5 513.5Q190 548 257 548Q314 548 355.5 524.5Q397 501 418 460L418 710L568 710L568 0L425 0L422 79Q400 36 356.5 12Q313 -12 257 -12ZM306 103Q342 103 367 122Q392 141 405 177.5Q418 214 418 268Q418 323 405 359.5Q392 396 367 414.5Q342 433 306 433Q253 433 222 388.5Q191 344 191 268Q191 193 222.5 148Q254 103 306 103Z"/><path transform="translate(3802.267 0)" d="M307 -12Q225 -12 164.5 22.5Q104 57 70.5 120Q37 183 37 268Q37 353 70.5 415.5Q104 478 164 513Q224 548 306 548Q386 548 445 513Q504 478 536.5 413Q569 348 569 258L569 228L192 228Q195 164 226.5 133Q258 102 310 102Q348 102 373.5 118Q399 134 410 167L561 158Q540 78 472 33Q404 -12 307 -12ZM192 320L415 320Q412 379 382.5 408Q353 437 306 437Q259 437 228.5 406.5Q198 376 192 320Z"/></g>
3
- <g fill="var(--nc-primary, #00a85a)" transform="translate(259 76) scale(0.06 -0.06)"><path transform="translate(0 0)" d="M19 0L275 710L455 710L711 0L553 0L501 151L228 151L176 0ZM271 276L459 276L365 550Z"/><path transform="translate(670.467 0)" d="M74 0L74 710L226 710L226 0Z"/></g>
3
+ <g fill="var(--nc-primary, #007a3c)" transform="translate(259 76) scale(0.06 -0.06)"><path transform="translate(0 0)" d="M19 0L275 710L455 710L711 0L553 0L501 151L228 151L176 0ZM271 276L459 276L365 550Z"/><path transform="translate(670.467 0)" d="M74 0L74 710L226 710L226 0Z"/></g>
4
4
  </svg>
@@ -3,24 +3,24 @@
3
3
  /* src/css/tokens.generated.css */
4
4
  @layer tokens {
5
5
  :root {
6
- --nc-primary: oklch(0.6415 0.1644 153.23);
7
- --nc-on-primary: oklch(0.1638 0.0063 91.70);
8
- --nc-action: oklch(0.6415 0.1644 153.23);
9
- --nc-action-foreground: oklch(0.1638 0.0063 91.70);
10
- --nc-action-hover: oklch(0.6104 0.1561 153.32);
11
- --nc-action-active: oklch(0.5875 0.1497 153.50);
12
- --nc-ink: oklch(0.1638 0.0063 91.70);
13
- --nc-body: oklch(0.3558 0.0069 95.25);
14
- --nc-muted: oklch(0.5517 0.0109 93.66);
6
+ --nc-primary: oklch(0.5075 0.1338 151.91);
7
+ --nc-on-primary: oklch(1.0000 0.0000 0.00);
8
+ --nc-action: oklch(0.5075 0.1338 151.91);
9
+ --nc-action-foreground: oklch(1.0000 0.0000 0.00);
10
+ --nc-action-hover: oklch(0.4285 0.1117 152.40);
11
+ --nc-action-active: oklch(0.2722 0.0643 157.47);
12
+ --nc-ink: oklch(0.1776 0.0000 0.00);
13
+ --nc-body: oklch(0.3867 0.0000 0.00);
14
+ --nc-muted: oklch(0.5278 0.0000 0.00);
15
15
  --nc-canvas: oklch(1.0000 0.0000 0.00);
16
- --nc-canvas-soft: oklch(0.9753 0.0040 106.47);
17
- --nc-canvas-soft-2: oklch(0.9505 0.0080 106.55);
18
- --nc-line: oklch(0.9233 0.0080 106.56);
19
- --nc-input: oklch(0.5523 0.0080 88.68);
20
- --nc-seam: oklch(0.8800 0.0108 106.62);
21
- --nc-cross: oklch(0.6686 0.0146 97.54);
16
+ --nc-canvas-soft: oklch(0.9851 0.0000 0.00);
17
+ --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);
18
+ --nc-line: oklch(0.9219 0.0000 0.00);
19
+ --nc-input: oklch(0.5624 0.0000 0.00);
20
+ --nc-seam: oklch(0.8699 0.0000 0.00);
21
+ --nc-cross: oklch(0.6830 0.0000 0.00);
22
22
  --nc-focus-ring: oklch(0.4815 0.1209 154.24);
23
- --nc-scrim: oklch(0.1638 0.0063 91.70);
23
+ --nc-scrim: oklch(0.1776 0.0000 0.00);
24
24
  --nc-link: oklch(0.4815 0.1209 154.24);
25
25
  --nc-link-deep: oklch(0.3852 0.0953 154.99);
26
26
  --nc-link-bg-soft: oklch(0.9170 0.0519 161.77);
@@ -36,24 +36,24 @@
36
36
  --nc-warning-soft: oklch(0.9649 0.0461 90.87);
37
37
  --nc-warning-deep: oklch(0.4834 0.0995 82.44);
38
38
  --nc-flag-red: oklch(0.5688 0.1995 26.59);
39
- --nc-selection-bg: oklch(0.1638 0.0063 91.70);
40
- --nc-selection-fg: oklch(0.9753 0.0040 106.47);
39
+ --nc-selection-bg: oklch(0.1776 0.0000 0.00);
40
+ --nc-selection-fg: oklch(0.9851 0.0000 0.00);
41
41
  --nc-navigation-selection-bg: oklch(0.5005 0.2804 266.17);
42
42
  --nc-navigation-selection-fg: oklch(1.0000 0.0000 0.00);
43
43
  --nc-navigation-selection-hover: oklch(0.4542 0.2521 265.86);
44
- --nc-state-ready: oklch(0.5517 0.0109 93.66);
44
+ --nc-state-ready: oklch(0.5278 0.0000 0.00);
45
45
  --nc-state-running: oklch(0.5005 0.2804 266.17);
46
46
  --nc-state-review: oklch(0.8466 0.1678 84.63);
47
47
  --nc-state-blocked: oklch(0.5688 0.1995 26.59);
48
48
  --nc-state-complete: oklch(0.6415 0.1644 153.23);
49
49
  --nc-background-100: oklch(1.0000 0.0000 0.00);
50
- --nc-background-200: oklch(0.9753 0.0040 106.47);
50
+ --nc-background-200: oklch(0.9851 0.0000 0.00);
51
51
  --nc-campo-verde: oklch(0.6415 0.1644 153.23);
52
52
  --nc-campo-rosso: oklch(0.5688 0.1995 26.59);
53
53
  --nc-campo-arancio: oklch(0.6824 0.2108 37.70);
54
54
  --nc-campo-giallo: oklch(0.8466 0.1678 84.63);
55
55
  --nc-campo-cobalto: oklch(0.5005 0.2804 266.17);
56
- --nc-campo-inchiostro: oklch(0.1638 0.0063 91.70);
56
+ --nc-campo-inchiostro: oklch(0.1776 0.0000 0.00);
57
57
  --nc-campo-bianco: oklch(1.0000 0.0000 0.00);
58
58
  --nc-chart-1: oklch(0.5005 0.2804 266.17);
59
59
  --nc-chart-2: oklch(0.6415 0.1644 153.23);
@@ -67,28 +67,28 @@
67
67
  --nc-chart-seq-4: oklch(0.3989 0.1934 267.50);
68
68
  --nc-chart-seq-5: oklch(0.3270 0.1487 267.91);
69
69
  --nc-chart-div-warm: oklch(0.7592 0.1560 83.30);
70
- --nc-chart-div-mid: oklch(0.5517 0.0109 93.66);
70
+ --nc-chart-div-mid: oklch(0.5278 0.0000 0.00);
71
71
  --nc-chart-div-cool: oklch(0.5923 0.2215 269.61);
72
- --nc-dark-canvas: oklch(0.1676 0.0041 106.83);
73
- --nc-dark-canvas-soft: oklch(0.2034 0.0058 106.91);
74
- --nc-dark-canvas-soft-2: oklch(0.2417 0.0092 107.07);
75
- --nc-dark-ink: oklch(0.9600 0.0053 106.50);
76
- --nc-dark-body: oklch(0.8350 0.0083 98.90);
77
- --nc-dark-muted: oklch(0.6424 0.0134 96.52);
78
- --nc-dark-line: oklch(0.2836 0.0071 106.85);
79
- --nc-dark-input: oklch(0.5166 0.0078 97.46);
80
- --nc-dark-seam: oklch(0.2417 0.0092 107.07);
72
+ --nc-dark-canvas: oklch(0.1448 0.0000 0.00);
73
+ --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);
74
+ --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
75
+ --nc-dark-ink: oklch(0.9461 0.0000 0.00);
76
+ --nc-dark-body: oklch(0.8297 0.0000 0.00);
77
+ --nc-dark-muted: oklch(0.6500 0.0000 0.00);
78
+ --nc-dark-line: oklch(0.2686 0.0000 0.00);
79
+ --nc-dark-input: oklch(0.5208 0.0000 0.00);
80
+ --nc-dark-seam: oklch(0.2178 0.0000 0.00);
81
81
  --nc-dark-primary: oklch(0.7727 0.1753 155.96);
82
- --nc-dark-on-primary: oklch(0.1676 0.0041 106.83);
82
+ --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
83
83
  --nc-dark-action: oklch(0.7727 0.1753 155.96);
84
- --nc-dark-action-foreground: oklch(0.1676 0.0041 106.83);
84
+ --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
85
85
  --nc-dark-action-hover: oklch(0.7661 0.1498 157.10);
86
86
  --nc-dark-action-active: oklch(0.7019 0.1753 153.20);
87
87
  --nc-dark-link: oklch(0.7661 0.1498 157.10);
88
88
  --nc-dark-link-deep: oklch(0.8524 0.0996 159.83);
89
89
  --nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32);
90
90
  --nc-dark-focus-ring: oklch(0.7661 0.1498 157.10);
91
- --nc-dark-scrim: oklch(0.9600 0.0053 106.50);
91
+ --nc-dark-scrim: oklch(0.9461 0.0000 0.00);
92
92
  --nc-dark-error: oklch(0.7955 0.0980 21.02);
93
93
  --nc-dark-error-soft: oklch(0.2296 0.0728 26.06);
94
94
  --nc-dark-error-deep: oklch(0.8856 0.0534 19.64);
@@ -102,17 +102,17 @@
102
102
  --nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55);
103
103
  --nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54);
104
104
  --nc-dark-success: oklch(0.7019 0.1753 153.20);
105
- --nc-dark-state-ready: oklch(0.5517 0.0109 93.66);
105
+ --nc-dark-state-ready: oklch(0.5624 0.0000 0.00);
106
106
  --nc-dark-state-running: oklch(0.5923 0.2215 269.61);
107
107
  --nc-dark-state-review: oklch(0.8466 0.1678 84.63);
108
108
  --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);
109
109
  --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);
110
- --nc-dark-selection-bg: oklch(0.9600 0.0053 106.50);
111
- --nc-dark-selection-fg: oklch(0.1676 0.0041 106.83);
110
+ --nc-dark-selection-bg: oklch(0.9461 0.0000 0.00);
111
+ --nc-dark-selection-fg: oklch(0.1448 0.0000 0.00);
112
112
  --nc-dark-navigation-selection-bg: oklch(0.4725 0.2271 267.41);
113
- --nc-dark-navigation-selection-fg: oklch(0.9600 0.0053 106.50);
113
+ --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
114
114
  --nc-dark-navigation-selection-hover: oklch(0.5162 0.2247 268.31);
115
- --nc-dark-cross: oklch(0.4419 0.0164 93.17);
115
+ --nc-dark-cross: oklch(0.4495 0.0000 0.00);
116
116
  --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
117
117
  --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
118
118
  --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
@@ -125,7 +125,7 @@
125
125
  --nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78);
126
126
  --nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31);
127
127
  --nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47);
128
- --nc-dark-chart-div-mid: oklch(0.9233 0.0080 106.56);
128
+ --nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00);
129
129
  --nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44);
130
130
  --nc-xxs: 4px;
131
131
  --nc-filter-chip-gap: 6px;
@@ -551,7 +551,7 @@
551
551
  --sidebar-ring: var(--nc-dark-focus-ring);
552
552
  }
553
553
  @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-active: var(--primary-active); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-placeholder: var(--placeholder); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-scrim: var(--scrim); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-hover: var(--sidebar-primary-hover); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }
554
- @theme { --color-nc-primary: oklch(0.6415 0.1644 153.23); --color-nc-on-primary: oklch(0.1638 0.0063 91.70); --color-nc-action: oklch(0.6415 0.1644 153.23); --color-nc-action-foreground: oklch(0.1638 0.0063 91.70); --color-nc-action-hover: oklch(0.6104 0.1561 153.32); --color-nc-action-active: oklch(0.5875 0.1497 153.50); --color-nc-ink: oklch(0.1638 0.0063 91.70); --color-nc-body: oklch(0.3558 0.0069 95.25); --color-nc-muted: oklch(0.5517 0.0109 93.66); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9753 0.0040 106.47); --color-nc-canvas-soft-2: oklch(0.9505 0.0080 106.55); --color-nc-line: oklch(0.9233 0.0080 106.56); --color-nc-input: oklch(0.5523 0.0080 88.68); --color-nc-seam: oklch(0.8800 0.0108 106.62); --color-nc-cross: oklch(0.6686 0.0146 97.54); --color-nc-focus-ring: oklch(0.4815 0.1209 154.24); --color-nc-scrim: oklch(0.1638 0.0063 91.70); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-selection-bg: oklch(0.1638 0.0063 91.70); --color-nc-selection-fg: oklch(0.9753 0.0040 106.47); --color-nc-navigation-selection-bg: oklch(0.5005 0.2804 266.17); --color-nc-navigation-selection-fg: oklch(1.0000 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.4542 0.2521 265.86); --color-nc-state-ready: oklch(0.5517 0.0109 93.66); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9753 0.0040 106.47); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.1638 0.0063 91.70); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.8466 0.1678 84.63); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.5571 0.0953 206.08); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5517 0.0109 93.66); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.1676 0.0041 106.83); --color-nc-dark-canvas-soft: oklch(0.2034 0.0058 106.91); --color-nc-dark-canvas-soft-2: oklch(0.2417 0.0092 107.07); --color-nc-dark-ink: oklch(0.9600 0.0053 106.50); --color-nc-dark-body: oklch(0.8350 0.0083 98.90); --color-nc-dark-muted: oklch(0.6424 0.0134 96.52); --color-nc-dark-line: oklch(0.2836 0.0071 106.85); --color-nc-dark-input: oklch(0.5166 0.0078 97.46); --color-nc-dark-seam: oklch(0.2417 0.0092 107.07); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1676 0.0041 106.83); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1676 0.0041 106.83); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.7661 0.1498 157.10); --color-nc-dark-scrim: oklch(0.9600 0.0053 106.50); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-state-ready: oklch(0.5517 0.0109 93.66); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9600 0.0053 106.50); --color-nc-dark-selection-fg: oklch(0.1676 0.0041 106.83); --color-nc-dark-navigation-selection-bg: oklch(0.4725 0.2271 267.41); --color-nc-dark-navigation-selection-fg: oklch(0.9600 0.0053 106.50); --color-nc-dark-navigation-selection-hover: oklch(0.5162 0.2247 268.31); --color-nc-dark-cross: oklch(0.4419 0.0164 93.17); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9233 0.0080 106.56); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ring-width-focus: var(--spacing-nadicode-focus-ring-width); --opacity-scrim: var(--nc-material-scrim-opacity); --shadow-tooltip: var(--nc-material-shadow-tooltip); --shadow-menu: var(--nc-material-shadow-menu); --shadow-dialog: var(--nc-material-shadow-dialog); --shadow-sheet: var(--nc-material-shadow-sheet); --spacing-nadicode-xxs: 4px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-section: 192px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-ring-width: 3px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
554
+ @theme { --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.5075 0.1338 151.91); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.4285 0.1117 152.40); --color-nc-action-active: oklch(0.2722 0.0643 157.47); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.4815 0.1209 154.24); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-flag-red: oklch(0.5688 0.1995 26.59); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.5005 0.2804 266.17); --color-nc-navigation-selection-fg: oklch(1.0000 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.4542 0.2521 265.86); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-background-100: oklch(1.0000 0.0000 0.00); --color-nc-background-200: oklch(0.9851 0.0000 0.00); --color-nc-campo-verde: oklch(0.6415 0.1644 153.23); --color-nc-campo-rosso: oklch(0.5688 0.1995 26.59); --color-nc-campo-arancio: oklch(0.6824 0.2108 37.70); --color-nc-campo-giallo: oklch(0.8466 0.1678 84.63); --color-nc-campo-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-campo-inchiostro: oklch(0.1776 0.0000 0.00); --color-nc-campo-bianco: oklch(1.0000 0.0000 0.00); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.8466 0.1678 84.63); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.5571 0.0953 206.08); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.1448 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-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.7727 0.1753 155.96); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.7661 0.1498 157.10); --color-nc-dark-action-active: oklch(0.7019 0.1753 153.20); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.7661 0.1498 157.10); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-cyan: oklch(0.7820 0.1247 190.99); --color-nc-dark-cyan-soft: oklch(0.8646 0.1000 187.55); --color-nc-dark-cyan-deep: oklch(0.6347 0.1029 191.54); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.4725 0.2271 267.41); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.5162 0.2247 268.31); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --radius-pill-sm: 64px; --radius-pill: 100px; --radius-full: 9999px; --ring-width-focus: var(--spacing-nadicode-focus-ring-width); --opacity-scrim: var(--nc-material-scrim-opacity); --shadow-tooltip: var(--nc-material-shadow-tooltip); --shadow-menu: var(--nc-material-shadow-menu); --shadow-dialog: var(--nc-material-shadow-dialog); --shadow-sheet: var(--nc-material-shadow-sheet); --spacing-nadicode-xxs: 4px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-section: 192px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-ring-width: 3px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
555
555
  }
556
556
 
557
557
  /* src/css/reset.css */
@@ -1,5 +1,5 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="NadicodeAI">
2
- <rect width="160" height="160" rx="35" fill="#0f0e0b"/>
2
+ <rect width="160" height="160" rx="35" fill="#111111"/>
3
3
  <clipPath id="mark-overlap"><rect x="58" y="84" width="26" height="26"/></clipPath>
4
4
  <rect fill="none" stroke="#ffffff" stroke-width="10" x="42" y="50" width="46" height="46" rx="13"/>
5
5
  <rect fill="none" stroke="#2fd584" stroke-width="10" x="72" y="64" width="46" height="46" rx="13"/>
@@ -13,7 +13,7 @@
13
13
  "type": "image/png"
14
14
  }
15
15
  ],
16
- "theme_color": "#0f0e0b",
17
- "background_color": "#0f0e0b",
16
+ "theme_color": "#111111",
17
+ "background_color": "#111111",
18
18
  "display": "standalone"
19
19
  }
@@ -2,24 +2,24 @@
2
2
  "theme": {
3
3
  "extend": {
4
4
  "colors": {
5
- "primary": "#00a85a",
6
- "on-primary": "#0f0e0b",
7
- "action": "#00a85a",
8
- "action-foreground": "#0f0e0b",
9
- "action-hover": "#009d54",
10
- "action-active": "#009550",
11
- "ink": "#0f0e0b",
12
- "body": "#3d3c38",
13
- "muted": "#74726b",
5
+ "primary": "#007a3c",
6
+ "on-primary": "#ffffff",
7
+ "action": "#007a3c",
8
+ "action-foreground": "#ffffff",
9
+ "action-hover": "#00602f",
10
+ "action-active": "#00301a",
11
+ "ink": "#111111",
12
+ "body": "#444444",
13
+ "muted": "#6b6b6b",
14
14
  "canvas": "#ffffff",
15
- "canvas-soft": "#f7f7f4",
16
- "canvas-soft-2": "#efefe9",
17
- "line": "#e6e6e0",
18
- "input": "#74726d",
19
- "seam": "#d8d8d0",
20
- "cross": "#97958b",
15
+ "canvas-soft": "#fafafa",
16
+ "canvas-soft-2": "#f5f5f5",
17
+ "line": "#e5e5e5",
18
+ "input": "#757575",
19
+ "seam": "#d4d4d4",
20
+ "cross": "#999999",
21
21
  "focus-ring": "#00713d",
22
- "scrim": "#0f0e0b",
22
+ "scrim": "#111111",
23
23
  "link": "#00713d",
24
24
  "link-deep": "#00522c",
25
25
  "link-bg-soft": "#c6efd9",
@@ -35,24 +35,24 @@
35
35
  "warning-soft": "#fff3d1",
36
36
  "warning-deep": "#7a5800",
37
37
  "flag-red": "#d3302f",
38
- "selection-bg": "#0f0e0b",
39
- "selection-fg": "#f7f7f4",
38
+ "selection-bg": "#111111",
39
+ "selection-fg": "#fafafa",
40
40
  "navigation-selection-bg": "#1e3cff",
41
41
  "navigation-selection-fg": "#ffffff",
42
42
  "navigation-selection-hover": "#1735df",
43
- "state-ready": "#74726b",
43
+ "state-ready": "#6b6b6b",
44
44
  "state-running": "#1e3cff",
45
45
  "state-review": "#ffc220",
46
46
  "state-blocked": "#d3302f",
47
47
  "state-complete": "#00a85a",
48
48
  "background-100": "#ffffff",
49
- "background-200": "#f7f7f4",
49
+ "background-200": "#fafafa",
50
50
  "campo-verde": "#00a85a",
51
51
  "campo-rosso": "#d3302f",
52
52
  "campo-arancio": "#ff5a1f",
53
53
  "campo-giallo": "#ffc220",
54
54
  "campo-cobalto": "#1e3cff",
55
- "campo-inchiostro": "#0f0e0b",
55
+ "campo-inchiostro": "#111111",
56
56
  "campo-bianco": "#ffffff",
57
57
  "chart-1": "#1e3cff",
58
58
  "chart-2": "#00a85a",
@@ -66,28 +66,28 @@
66
66
  "chart-seq-4": "#1d33ad",
67
67
  "chart-seq-5": "#16277f",
68
68
  "chart-div-warm": "#e0a600",
69
- "chart-div-mid": "#74726b",
69
+ "chart-div-mid": "#6b6b6b",
70
70
  "chart-div-cool": "#4d6bff",
71
- "dark-canvas": "#0f0f0d",
72
- "dark-canvas-soft": "#171714",
73
- "dark-canvas-soft-2": "#20201b",
74
- "dark-ink": "#f2f2ee",
75
- "dark-body": "#cac9c3",
76
- "dark-muted": "#8f8d84",
77
- "dark-line": "#2a2a26",
78
- "dark-input": "#696863",
79
- "dark-seam": "#20201b",
71
+ "dark-canvas": "#0a0a0a",
72
+ "dark-canvas-soft": "#111111",
73
+ "dark-canvas-soft-2": "#1a1a1a",
74
+ "dark-ink": "#ededed",
75
+ "dark-body": "#c7c7c7",
76
+ "dark-muted": "#8f8f8f",
77
+ "dark-line": "#262626",
78
+ "dark-input": "#696969",
79
+ "dark-seam": "#1a1a1a",
80
80
  "dark-primary": "#2fd584",
81
- "dark-on-primary": "#0f0f0d",
81
+ "dark-on-primary": "#0a0a0a",
82
82
  "dark-action": "#2fd584",
83
- "dark-action-foreground": "#0f0f0d",
83
+ "dark-action-foreground": "#0a0a0a",
84
84
  "dark-action-hover": "#4ecf8c",
85
85
  "dark-action-active": "#17bd68",
86
86
  "dark-link": "#4ecf8c",
87
87
  "dark-link-deep": "#93e3b8",
88
88
  "dark-link-bg-soft": "#00351c",
89
89
  "dark-focus-ring": "#4ecf8c",
90
- "dark-scrim": "#f2f2ee",
90
+ "dark-scrim": "#ededed",
91
91
  "dark-error": "#f5a3a1",
92
92
  "dark-error-soft": "#380a09",
93
93
  "dark-error-deep": "#fbcccb",
@@ -101,17 +101,17 @@
101
101
  "dark-cyan-soft": "#7ee8de",
102
102
  "dark-cyan-deep": "#1f9e9a",
103
103
  "dark-success": "#17bd68",
104
- "dark-state-ready": "#74726b",
104
+ "dark-state-ready": "#757575",
105
105
  "dark-state-running": "#4d6bff",
106
106
  "dark-state-review": "#ffc220",
107
107
  "dark-state-blocked": "#d3302f",
108
108
  "dark-state-complete": "#00a85a",
109
- "dark-selection-bg": "#f2f2ee",
110
- "dark-selection-fg": "#0f0f0d",
109
+ "dark-selection-bg": "#ededed",
110
+ "dark-selection-fg": "#0a0a0a",
111
111
  "dark-navigation-selection-bg": "#2743d8",
112
- "dark-navigation-selection-fg": "#f2f2ee",
112
+ "dark-navigation-selection-fg": "#ededed",
113
113
  "dark-navigation-selection-hover": "#3552e6",
114
- "dark-cross": "#565349",
114
+ "dark-cross": "#555555",
115
115
  "dark-chart-1": "#4d6bff",
116
116
  "dark-chart-2": "#00a85a",
117
117
  "dark-chart-3": "#ffd866",
@@ -124,7 +124,7 @@
124
124
  "dark-chart-seq-4": "#cdd9fd",
125
125
  "dark-chart-seq-5": "#eef2ff",
126
126
  "dark-chart-div-warm": "#ffd866",
127
- "dark-chart-div-mid": "#e6e6e0",
127
+ "dark-chart-div-mid": "#e5e5e5",
128
128
  "dark-chart-div-cool": "#b3c1ff"
129
129
  },
130
130
  "fontFamily": {
@@ -9,21 +9,21 @@
9
9
  "colorSpace": "srgb",
10
10
  "components": [
11
11
  0,
12
- 0.659,
13
- 0.353
12
+ 0.478,
13
+ 0.235
14
14
  ],
15
- "hex": "#00a85a"
15
+ "hex": "#007a3c"
16
16
  }
17
17
  },
18
18
  "on-primary": {
19
19
  "$value": {
20
20
  "colorSpace": "srgb",
21
21
  "components": [
22
- 0.059,
23
- 0.055,
24
- 0.043
22
+ 1,
23
+ 1,
24
+ 1
25
25
  ],
26
- "hex": "#0f0e0b"
26
+ "hex": "#ffffff"
27
27
  }
28
28
  },
29
29
  "action": {
@@ -31,21 +31,21 @@
31
31
  "colorSpace": "srgb",
32
32
  "components": [
33
33
  0,
34
- 0.659,
35
- 0.353
34
+ 0.478,
35
+ 0.235
36
36
  ],
37
- "hex": "#00a85a"
37
+ "hex": "#007a3c"
38
38
  }
39
39
  },
40
40
  "action-foreground": {
41
41
  "$value": {
42
42
  "colorSpace": "srgb",
43
43
  "components": [
44
- 0.059,
45
- 0.055,
46
- 0.043
44
+ 1,
45
+ 1,
46
+ 1
47
47
  ],
48
- "hex": "#0f0e0b"
48
+ "hex": "#ffffff"
49
49
  }
50
50
  },
51
51
  "action-hover": {
@@ -53,10 +53,10 @@
53
53
  "colorSpace": "srgb",
54
54
  "components": [
55
55
  0,
56
- 0.616,
57
- 0.329
56
+ 0.376,
57
+ 0.184
58
58
  ],
59
- "hex": "#009d54"
59
+ "hex": "#00602f"
60
60
  }
61
61
  },
62
62
  "action-active": {
@@ -64,43 +64,43 @@
64
64
  "colorSpace": "srgb",
65
65
  "components": [
66
66
  0,
67
- 0.584,
68
- 0.314
67
+ 0.188,
68
+ 0.102
69
69
  ],
70
- "hex": "#009550"
70
+ "hex": "#00301a"
71
71
  }
72
72
  },
73
73
  "ink": {
74
74
  "$value": {
75
75
  "colorSpace": "srgb",
76
76
  "components": [
77
- 0.059,
78
- 0.055,
79
- 0.043
77
+ 0.067,
78
+ 0.067,
79
+ 0.067
80
80
  ],
81
- "hex": "#0f0e0b"
81
+ "hex": "#111111"
82
82
  }
83
83
  },
84
84
  "body": {
85
85
  "$value": {
86
86
  "colorSpace": "srgb",
87
87
  "components": [
88
- 0.239,
89
- 0.235,
90
- 0.22
88
+ 0.267,
89
+ 0.267,
90
+ 0.267
91
91
  ],
92
- "hex": "#3d3c38"
92
+ "hex": "#444444"
93
93
  }
94
94
  },
95
95
  "muted": {
96
96
  "$value": {
97
97
  "colorSpace": "srgb",
98
98
  "components": [
99
- 0.455,
100
- 0.447,
99
+ 0.42,
100
+ 0.42,
101
101
  0.42
102
102
  ],
103
- "hex": "#74726b"
103
+ "hex": "#6b6b6b"
104
104
  }
105
105
  },
106
106
  "canvas": {
@@ -118,66 +118,66 @@
118
118
  "$value": {
119
119
  "colorSpace": "srgb",
120
120
  "components": [
121
- 0.969,
122
- 0.969,
123
- 0.957
121
+ 0.98,
122
+ 0.98,
123
+ 0.98
124
124
  ],
125
- "hex": "#f7f7f4"
125
+ "hex": "#fafafa"
126
126
  }
127
127
  },
128
128
  "canvas-soft-2": {
129
129
  "$value": {
130
130
  "colorSpace": "srgb",
131
131
  "components": [
132
- 0.937,
133
- 0.937,
134
- 0.914
132
+ 0.961,
133
+ 0.961,
134
+ 0.961
135
135
  ],
136
- "hex": "#efefe9"
136
+ "hex": "#f5f5f5"
137
137
  }
138
138
  },
139
139
  "line": {
140
140
  "$value": {
141
141
  "colorSpace": "srgb",
142
142
  "components": [
143
- 0.902,
144
- 0.902,
145
- 0.878
143
+ 0.898,
144
+ 0.898,
145
+ 0.898
146
146
  ],
147
- "hex": "#e6e6e0"
147
+ "hex": "#e5e5e5"
148
148
  }
149
149
  },
150
150
  "input": {
151
151
  "$value": {
152
152
  "colorSpace": "srgb",
153
153
  "components": [
154
- 0.455,
155
- 0.447,
156
- 0.427
154
+ 0.459,
155
+ 0.459,
156
+ 0.459
157
157
  ],
158
- "hex": "#74726d"
158
+ "hex": "#757575"
159
159
  }
160
160
  },
161
161
  "seam": {
162
162
  "$value": {
163
163
  "colorSpace": "srgb",
164
164
  "components": [
165
- 0.847,
166
- 0.847,
167
- 0.816
165
+ 0.831,
166
+ 0.831,
167
+ 0.831
168
168
  ],
169
- "hex": "#d8d8d0"
169
+ "hex": "#d4d4d4"
170
170
  }
171
171
  },
172
172
  "cross": {
173
173
  "$value": {
174
174
  "colorSpace": "srgb",
175
175
  "components": [
176
- 0.592,
177
- 0.584,
178
- 0.545
176
+ 0.6,
177
+ 0.6,
178
+ 0.6
179
179
  ],
180
- "hex": "#97958b"
180
+ "hex": "#999999"
181
181
  }
182
182
  },
183
183
  "focus-ring": {
@@ -195,11 +195,11 @@
195
195
  "$value": {
196
196
  "colorSpace": "srgb",
197
197
  "components": [
198
- 0.059,
199
- 0.055,
200
- 0.043
198
+ 0.067,
199
+ 0.067,
200
+ 0.067
201
201
  ],
202
- "hex": "#0f0e0b"
202
+ "hex": "#111111"
203
203
  }
204
204
  },
205
205
  "link": {
@@ -371,22 +371,22 @@
371
371
  "$value": {
372
372
  "colorSpace": "srgb",
373
373
  "components": [
374
- 0.059,
375
- 0.055,
376
- 0.043
374
+ 0.067,
375
+ 0.067,
376
+ 0.067
377
377
  ],
378
- "hex": "#0f0e0b"
378
+ "hex": "#111111"
379
379
  }
380
380
  },
381
381
  "selection-fg": {
382
382
  "$value": {
383
383
  "colorSpace": "srgb",
384
384
  "components": [
385
- 0.969,
386
- 0.969,
387
- 0.957
385
+ 0.98,
386
+ 0.98,
387
+ 0.98
388
388
  ],
389
- "hex": "#f7f7f4"
389
+ "hex": "#fafafa"
390
390
  }
391
391
  },
392
392
  "navigation-selection-bg": {
@@ -426,11 +426,11 @@
426
426
  "$value": {
427
427
  "colorSpace": "srgb",
428
428
  "components": [
429
- 0.455,
430
- 0.447,
429
+ 0.42,
430
+ 0.42,
431
431
  0.42
432
432
  ],
433
- "hex": "#74726b"
433
+ "hex": "#6b6b6b"
434
434
  }
435
435
  },
436
436
  "state-running": {
@@ -492,11 +492,11 @@
492
492
  "$value": {
493
493
  "colorSpace": "srgb",
494
494
  "components": [
495
- 0.969,
496
- 0.969,
497
- 0.957
495
+ 0.98,
496
+ 0.98,
497
+ 0.98
498
498
  ],
499
- "hex": "#f7f7f4"
499
+ "hex": "#fafafa"
500
500
  }
501
501
  },
502
502
  "campo-verde": {
@@ -558,11 +558,11 @@
558
558
  "$value": {
559
559
  "colorSpace": "srgb",
560
560
  "components": [
561
- 0.059,
562
- 0.055,
563
- 0.043
561
+ 0.067,
562
+ 0.067,
563
+ 0.067
564
564
  ],
565
- "hex": "#0f0e0b"
565
+ "hex": "#111111"
566
566
  }
567
567
  },
568
568
  "campo-bianco": {
@@ -712,11 +712,11 @@
712
712
  "$value": {
713
713
  "colorSpace": "srgb",
714
714
  "components": [
715
- 0.455,
716
- 0.447,
715
+ 0.42,
716
+ 0.42,
717
717
  0.42
718
718
  ],
719
- "hex": "#74726b"
719
+ "hex": "#6b6b6b"
720
720
  }
721
721
  },
722
722
  "chart-div-cool": {
@@ -734,55 +734,55 @@
734
734
  "$value": {
735
735
  "colorSpace": "srgb",
736
736
  "components": [
737
- 0.059,
738
- 0.059,
739
- 0.051
737
+ 0.039,
738
+ 0.039,
739
+ 0.039
740
740
  ],
741
- "hex": "#0f0f0d"
741
+ "hex": "#0a0a0a"
742
742
  }
743
743
  },
744
744
  "dark-canvas-soft": {
745
745
  "$value": {
746
746
  "colorSpace": "srgb",
747
747
  "components": [
748
- 0.09,
749
- 0.09,
750
- 0.078
748
+ 0.067,
749
+ 0.067,
750
+ 0.067
751
751
  ],
752
- "hex": "#171714"
752
+ "hex": "#111111"
753
753
  }
754
754
  },
755
755
  "dark-canvas-soft-2": {
756
756
  "$value": {
757
757
  "colorSpace": "srgb",
758
758
  "components": [
759
- 0.125,
760
- 0.125,
761
- 0.106
759
+ 0.102,
760
+ 0.102,
761
+ 0.102
762
762
  ],
763
- "hex": "#20201b"
763
+ "hex": "#1a1a1a"
764
764
  }
765
765
  },
766
766
  "dark-ink": {
767
767
  "$value": {
768
768
  "colorSpace": "srgb",
769
769
  "components": [
770
- 0.949,
771
- 0.949,
772
- 0.933
770
+ 0.929,
771
+ 0.929,
772
+ 0.929
773
773
  ],
774
- "hex": "#f2f2ee"
774
+ "hex": "#ededed"
775
775
  }
776
776
  },
777
777
  "dark-body": {
778
778
  "$value": {
779
779
  "colorSpace": "srgb",
780
780
  "components": [
781
- 0.792,
782
- 0.788,
783
- 0.765
781
+ 0.78,
782
+ 0.78,
783
+ 0.78
784
784
  ],
785
- "hex": "#cac9c3"
785
+ "hex": "#c7c7c7"
786
786
  }
787
787
  },
788
788
  "dark-muted": {
@@ -790,21 +790,21 @@
790
790
  "colorSpace": "srgb",
791
791
  "components": [
792
792
  0.561,
793
- 0.553,
794
- 0.518
793
+ 0.561,
794
+ 0.561
795
795
  ],
796
- "hex": "#8f8d84"
796
+ "hex": "#8f8f8f"
797
797
  }
798
798
  },
799
799
  "dark-line": {
800
800
  "$value": {
801
801
  "colorSpace": "srgb",
802
802
  "components": [
803
- 0.165,
804
- 0.165,
803
+ 0.149,
804
+ 0.149,
805
805
  0.149
806
806
  ],
807
- "hex": "#2a2a26"
807
+ "hex": "#262626"
808
808
  }
809
809
  },
810
810
  "dark-input": {
@@ -812,21 +812,21 @@
812
812
  "colorSpace": "srgb",
813
813
  "components": [
814
814
  0.412,
815
- 0.408,
816
- 0.388
815
+ 0.412,
816
+ 0.412
817
817
  ],
818
- "hex": "#696863"
818
+ "hex": "#696969"
819
819
  }
820
820
  },
821
821
  "dark-seam": {
822
822
  "$value": {
823
823
  "colorSpace": "srgb",
824
824
  "components": [
825
- 0.125,
826
- 0.125,
827
- 0.106
825
+ 0.102,
826
+ 0.102,
827
+ 0.102
828
828
  ],
829
- "hex": "#20201b"
829
+ "hex": "#1a1a1a"
830
830
  }
831
831
  },
832
832
  "dark-primary": {
@@ -844,11 +844,11 @@
844
844
  "$value": {
845
845
  "colorSpace": "srgb",
846
846
  "components": [
847
- 0.059,
848
- 0.059,
849
- 0.051
847
+ 0.039,
848
+ 0.039,
849
+ 0.039
850
850
  ],
851
- "hex": "#0f0f0d"
851
+ "hex": "#0a0a0a"
852
852
  }
853
853
  },
854
854
  "dark-action": {
@@ -866,11 +866,11 @@
866
866
  "$value": {
867
867
  "colorSpace": "srgb",
868
868
  "components": [
869
- 0.059,
870
- 0.059,
871
- 0.051
869
+ 0.039,
870
+ 0.039,
871
+ 0.039
872
872
  ],
873
- "hex": "#0f0f0d"
873
+ "hex": "#0a0a0a"
874
874
  }
875
875
  },
876
876
  "dark-action-hover": {
@@ -943,11 +943,11 @@
943
943
  "$value": {
944
944
  "colorSpace": "srgb",
945
945
  "components": [
946
- 0.949,
947
- 0.949,
948
- 0.933
946
+ 0.929,
947
+ 0.929,
948
+ 0.929
949
949
  ],
950
- "hex": "#f2f2ee"
950
+ "hex": "#ededed"
951
951
  }
952
952
  },
953
953
  "dark-error": {
@@ -1097,11 +1097,11 @@
1097
1097
  "$value": {
1098
1098
  "colorSpace": "srgb",
1099
1099
  "components": [
1100
- 0.455,
1101
- 0.447,
1102
- 0.42
1100
+ 0.459,
1101
+ 0.459,
1102
+ 0.459
1103
1103
  ],
1104
- "hex": "#74726b"
1104
+ "hex": "#757575"
1105
1105
  }
1106
1106
  },
1107
1107
  "dark-state-running": {
@@ -1152,22 +1152,22 @@
1152
1152
  "$value": {
1153
1153
  "colorSpace": "srgb",
1154
1154
  "components": [
1155
- 0.949,
1156
- 0.949,
1157
- 0.933
1155
+ 0.929,
1156
+ 0.929,
1157
+ 0.929
1158
1158
  ],
1159
- "hex": "#f2f2ee"
1159
+ "hex": "#ededed"
1160
1160
  }
1161
1161
  },
1162
1162
  "dark-selection-fg": {
1163
1163
  "$value": {
1164
1164
  "colorSpace": "srgb",
1165
1165
  "components": [
1166
- 0.059,
1167
- 0.059,
1168
- 0.051
1166
+ 0.039,
1167
+ 0.039,
1168
+ 0.039
1169
1169
  ],
1170
- "hex": "#0f0f0d"
1170
+ "hex": "#0a0a0a"
1171
1171
  }
1172
1172
  },
1173
1173
  "dark-navigation-selection-bg": {
@@ -1185,11 +1185,11 @@
1185
1185
  "$value": {
1186
1186
  "colorSpace": "srgb",
1187
1187
  "components": [
1188
- 0.949,
1189
- 0.949,
1190
- 0.933
1188
+ 0.929,
1189
+ 0.929,
1190
+ 0.929
1191
1191
  ],
1192
- "hex": "#f2f2ee"
1192
+ "hex": "#ededed"
1193
1193
  }
1194
1194
  },
1195
1195
  "dark-navigation-selection-hover": {
@@ -1207,11 +1207,11 @@
1207
1207
  "$value": {
1208
1208
  "colorSpace": "srgb",
1209
1209
  "components": [
1210
- 0.337,
1211
- 0.325,
1212
- 0.286
1210
+ 0.333,
1211
+ 0.333,
1212
+ 0.333
1213
1213
  ],
1214
- "hex": "#565349"
1214
+ "hex": "#555555"
1215
1215
  }
1216
1216
  },
1217
1217
  "dark-chart-1": {
@@ -1350,11 +1350,11 @@
1350
1350
  "$value": {
1351
1351
  "colorSpace": "srgb",
1352
1352
  "components": [
1353
- 0.902,
1354
- 0.902,
1355
- 0.878
1353
+ 0.898,
1354
+ 0.898,
1355
+ 0.898
1356
1356
  ],
1357
- "hex": "#e6e6e0"
1357
+ "hex": "#e5e5e5"
1358
1358
  }
1359
1359
  },
1360
1360
  "dark-chart-div-cool": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nadicodeai/design-system",
3
- "version": "0.13.0",
3
+ "version": "0.14.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"