@nadicodeai/design-system 0.12.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.
Files changed (11) hide show
  1. package/AGENTS.md +2 -1
  2. package/DESIGN.md +47 -43
  3. package/dist/assets/logo-mark.svg +1 -1
  4. package/dist/assets/logo-wordmark.svg +1 -1
  5. package/dist/css/chat-autoplay.js +2 -2
  6. package/dist/css/index.css +143 -72
  7. package/dist/favicon/favicon.svg +1 -1
  8. package/dist/favicon/site.webmanifest +2 -2
  9. package/dist/tailwind/nadicode.tailwind.json +40 -40
  10. package/dist/tokens/nadicode.dtcg.json +150 -150
  11. package/package.json +1 -1
package/dist/css/index.css CHANGED
@@ -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 */
@@ -728,18 +728,25 @@
728
728
  /* src/css/motion.css */
729
729
  @layer motion {
730
730
  :root {
731
- --nc-duration-stagger: 160ms;
732
- --nc-duration-msg-in: 360ms;
733
- --nc-duration-transition: 360ms;
731
+ --nc-duration-stagger: 60ms;
732
+ --nc-duration-msg-in: 240ms;
733
+ --nc-duration-transition: 240ms;
734
734
  --nc-duration-typing: 1s;
735
735
  --nc-duration-pulse: 1.6s;
736
+ --nc-duration-shimmer: 2s;
736
737
  --nc-duration-confirm: 180ms;
737
738
  --nc-duration-open: 220ms;
738
739
  --nc-duration-close: 140ms;
740
+ --nc-duration-drawer: 450ms;
741
+ --nc-duration-drawer-swipe: 400ms;
739
742
  --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
740
- --nc-ease-bounce: ease-in-out;
741
- --nc-ease-out: ease-out;
742
743
  --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
744
+ --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
745
+ --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
746
+ --nc-ease-bounce: var(--nc-ease-in-out-strong);
747
+ --nc-ease-out: var(--nc-ease-out-strong);
748
+ --default-transition-duration: var(--nc-duration-confirm);
749
+ --default-transition-timing-function: var(--nc-ease-out-strong);
743
750
  }
744
751
  @keyframes nc-msg-in {
745
752
  from {
@@ -763,13 +770,20 @@
763
770
  }
764
771
  @keyframes nc-pulse {
765
772
  0% {
766
- box-shadow: 0 0 0 0 currentColor;
773
+ opacity: 0.45;
774
+ transform: scale(0.7);
767
775
  }
768
- 70% {
769
- box-shadow: 0 0 0 6px transparent;
776
+ 70%, 100% {
777
+ opacity: 0;
778
+ transform: scale(1.9);
770
779
  }
771
- 100% {
772
- box-shadow: 0 0 0 0 transparent;
780
+ }
781
+ @keyframes nc-shimmer {
782
+ from {
783
+ background-position: 100% center;
784
+ }
785
+ to {
786
+ background-position: 0% center;
773
787
  }
774
788
  }
775
789
  .nc-anim-msg-in {
@@ -781,9 +795,59 @@
781
795
  animation-delay: var(--nc-anim-delay, 0ms);
782
796
  }
783
797
  .nc-anim-pulse {
798
+ position: relative;
799
+ }
800
+ .nc-anim-pulse::after {
801
+ content: "";
802
+ position: absolute;
803
+ inset: -2px;
804
+ border: var(--nc-guide) solid currentColor;
805
+ border-radius: inherit;
806
+ pointer-events: none;
784
807
  animation: nc-pulse var(--nc-duration-pulse) var(--nc-ease-out) infinite;
785
808
  animation-delay: var(--nc-anim-delay, 0ms);
786
809
  }
810
+ .nc-anim-shimmer {
811
+ --nc-shimmer-spread: 1em;
812
+ position: relative;
813
+ }
814
+ .nc-anim-shimmer::after {
815
+ content: attr(data-nc-shimmer);
816
+ content: attr(data-nc-shimmer) / "";
817
+ position: absolute;
818
+ inset: 0;
819
+ color: transparent;
820
+ background-image:
821
+ linear-gradient(
822
+ 90deg,
823
+ transparent calc(50% - var(--nc-shimmer-spread)),
824
+ var(--background) 50%,
825
+ transparent calc(50% + var(--nc-shimmer-spread)));
826
+ background-size: 250% 100%;
827
+ background-repeat: no-repeat;
828
+ background-clip: text;
829
+ pointer-events: none;
830
+ animation: nc-shimmer var(--nc-duration-shimmer) linear infinite;
831
+ }
832
+ .nc-transition-paint {
833
+ transition-property:
834
+ background-color,
835
+ border-color,
836
+ color,
837
+ opacity;
838
+ transition-duration: var(--nc-duration-confirm);
839
+ transition-timing-function: var(--nc-ease-out-strong);
840
+ }
841
+ .nc-transition-opacity {
842
+ transition-property: opacity;
843
+ transition-duration: var(--nc-duration-confirm);
844
+ transition-timing-function: var(--nc-ease-out-strong);
845
+ }
846
+ .nc-transition-transform {
847
+ transition-property: transform;
848
+ transition-duration: var(--nc-duration-confirm);
849
+ transition-timing-function: var(--nc-ease-out-strong);
850
+ }
787
851
  @media (prefers-reduced-motion: no-preference) {
788
852
  [data-nc-settle=armed] {
789
853
  opacity: 0;
@@ -794,12 +858,21 @@
794
858
  }
795
859
  @media (prefers-reduced-motion: reduce) {
796
860
  .nc-anim-msg-in,
797
- .nc-anim-typing,
798
- .nc-anim-pulse {
861
+ .nc-anim-typing {
799
862
  animation: none;
800
863
  opacity: 1;
801
864
  transform: none;
802
- box-shadow: none;
865
+ }
866
+ .nc-anim-shimmer::after,
867
+ .nc-anim-pulse::after {
868
+ animation: none;
869
+ opacity: 0;
870
+ transform: none;
871
+ }
872
+ .nc-transition-paint,
873
+ .nc-transition-opacity,
874
+ .nc-transition-transform {
875
+ transition: none;
803
876
  }
804
877
  }
805
878
  }
@@ -1524,10 +1597,10 @@
1524
1597
  text-underline-offset: 2px;
1525
1598
  text-decoration-thickness: var(--nc-guide);
1526
1599
  transition:
1527
- background-color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1528
- border-color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1529
- color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1530
- opacity var(--nc-duration-stagger) var(--nc-ease-out-strong);
1600
+ background-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1601
+ border-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1602
+ color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1603
+ opacity var(--nc-duration-confirm) var(--nc-ease-out-strong);
1531
1604
  }
1532
1605
  @media (hover: hover) and (pointer: fine) {
1533
1606
  .nc-link-inline:hover {
@@ -1751,10 +1824,10 @@
1751
1824
  letter-spacing: var(--nc-type-caption-mono-letter-spacing);
1752
1825
  cursor: pointer;
1753
1826
  transition:
1754
- background-color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1755
- border-color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1756
- color var(--nc-duration-stagger) var(--nc-ease-out-strong),
1757
- opacity var(--nc-duration-stagger) var(--nc-ease-out-strong);
1827
+ background-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1828
+ border-color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1829
+ color var(--nc-duration-confirm) var(--nc-ease-out-strong),
1830
+ opacity var(--nc-duration-confirm) var(--nc-ease-out-strong);
1758
1831
  }
1759
1832
  @media (hover: hover) and (pointer: fine) {
1760
1833
  .nc-chat-pause:hover {
@@ -1767,13 +1840,7 @@
1767
1840
  border-color: var(--nc-body);
1768
1841
  }
1769
1842
  .nc-chat-pause:active {
1770
- transform: scale(0.97);
1771
- transition: transform var(--nc-duration-stagger) var(--nc-ease-out-strong);
1772
- }
1773
- @media (prefers-reduced-motion: reduce) {
1774
- .nc-chat-pause:active {
1775
- transform: none;
1776
- }
1843
+ opacity: 0.9;
1777
1844
  }
1778
1845
  .nc-chat-thread-footer {
1779
1846
  display: flex;
@@ -2368,10 +2435,14 @@
2368
2435
  .nc-usage-meter-fill {
2369
2436
  position: absolute;
2370
2437
  inset: 0;
2371
- right: auto;
2372
- width: var(--nc-usage, 0%);
2438
+ width: 100%;
2439
+ scale: var(--nc-usage, 0%) 1;
2440
+ transform-origin: left center;
2373
2441
  background: var(--nc-ink);
2374
- transition: width var(--nc-duration-transition) var(--nc-ease-emphasized);
2442
+ transition: scale var(--nc-duration-transition) var(--nc-ease-emphasized);
2443
+ }
2444
+ .nc-usage-meter-fill:dir(rtl) {
2445
+ transform-origin: right center;
2375
2446
  }
2376
2447
  @media (prefers-reduced-motion: reduce) {
2377
2448
  .nc-usage-meter-fill {
package/dist/favicon/favicon.svg CHANGED
@@ -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"/>
package/dist/favicon/site.webmanifest CHANGED
@@ -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
  }
package/dist/tailwind/nadicode.tailwind.json CHANGED
@@ -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": {