@syncupsuite/themes 0.2.2 → 0.3.1

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 (39) hide show
  1. package/dist/index.cjs +11527 -1399
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +13 -1
  4. package/dist/index.d.ts +13 -1
  5. package/dist/index.js +11520 -1398
  6. package/dist/index.js.map +1 -1
  7. package/package.json +2 -2
  8. package/src/art-deco/meta.json +50 -0
  9. package/src/art-deco/tailwind.css +391 -0
  10. package/src/art-deco/tokens.css +319 -0
  11. package/src/art-deco/tokens.json +840 -0
  12. package/src/nihon-minimal/meta.json +44 -0
  13. package/src/nihon-minimal/tailwind.css +361 -0
  14. package/src/nihon-minimal/tokens.css +299 -0
  15. package/src/nihon-minimal/tokens.json +780 -0
  16. package/src/nihon-traditional/meta.json +1 -1
  17. package/src/nihon-traditional/tailwind.css +111 -89
  18. package/src/nihon-traditional/tokens.css +105 -91
  19. package/src/nihon-traditional/tokens.json +89 -89
  20. package/src/nordic-modern/meta.json +56 -0
  21. package/src/nordic-modern/tailwind.css +421 -0
  22. package/src/nordic-modern/tokens.css +339 -0
  23. package/src/nordic-modern/tokens.json +900 -0
  24. package/src/renaissance/meta.json +56 -0
  25. package/src/renaissance/tailwind.css +421 -0
  26. package/src/renaissance/tokens.css +339 -0
  27. package/src/renaissance/tokens.json +900 -0
  28. package/src/shuimo-modern/meta.json +56 -0
  29. package/src/shuimo-modern/tailwind.css +421 -0
  30. package/src/shuimo-modern/tokens.css +339 -0
  31. package/src/shuimo-modern/tokens.json +900 -0
  32. package/src/swiss-international/meta.json +1 -1
  33. package/src/swiss-international/tailwind.css +107 -85
  34. package/src/swiss-international/tokens.css +101 -87
  35. package/src/swiss-international/tokens.json +85 -85
  36. package/src/tang-imperial/meta.json +56 -0
  37. package/src/tang-imperial/tailwind.css +421 -0
  38. package/src/tang-imperial/tokens.css +339 -0
  39. package/src/tang-imperial/tokens.json +900 -0
package/src/nihon-traditional/meta.json CHANGED
@@ -56,7 +56,7 @@
56
56
  ],
57
57
  "validation": {
58
58
  "schema": true,
59
- "contrast": null,
59
+ "contrast": true,
60
60
  "completeness": true
61
61
  }
62
62
  }
package/src/nihon-traditional/tailwind.css CHANGED
@@ -3,185 +3,185 @@
3
3
  @theme {
4
4
  /* --- Colors --- */
5
5
  /* Hanada (縹) 50 */
6
- --color-hanada-50: #F1F2F4;
6
+ --color-hanada-50: #EDF6FF;
7
7
  /* Hanada (縹) 100 */
8
- --color-hanada-100: #E2E5E9;
8
+ --color-hanada-100: #C4D2E2;
9
9
  /* Hanada (縹) 200 */
10
- --color-hanada-200: #B7CBE1;
10
+ --color-hanada-200: #9CAEC4;
11
11
  /* Hanada (縹) 300 */
12
- --color-hanada-300: #93B0D2;
12
+ --color-hanada-300: #768CA6;
13
13
  /* Hanada (縹) 400 */
14
- --color-hanada-400: #6F96C3;
14
+ --color-hanada-400: #516B89;
15
15
  /* Hanada (縹) 500 */
16
- --color-hanada-500: #2D4A6C;
16
+ --color-hanada-500: #2E4B6D;
17
17
  /* Hanada (縹) 600 */
18
- --color-hanada-600: #21374F;
18
+ --color-hanada-600: #1F3855;
19
19
  /* Hanada (縹) 700 */
20
- --color-hanada-700: #171E26;
20
+ --color-hanada-700: #10263E;
21
21
  /* Hanada (縹) 800 */
22
- --color-hanada-800: #0D1216;
22
+ --color-hanada-800: #041429;
23
23
  /* Hanada (縹) 900 */
24
- --color-hanada-900: #080A0D;
24
+ --color-hanada-900: #000614;
25
25
  /* Sakura-nezumi (桜鼠) 50 */
26
- --color-sakura-nezumi-50: #F3F2F2;
26
+ --color-sakura-nezumi-50: #F8F4F3;
27
27
  /* Sakura-nezumi (桜鼠) 100 */
28
- --color-sakura-nezumi-100: #E7E5E4;
28
+ --color-sakura-nezumi-100: #EBE3E2;
29
29
  /* Sakura-nezumi (桜鼠) 200 */
30
- --color-sakura-nezumi-200: #D2C8C6;
30
+ --color-sakura-nezumi-200: #DDD3D1;
31
31
  /* Sakura-nezumi (桜鼠) 300 */
32
- --color-sakura-nezumi-300: #BCADA9;
32
+ --color-sakura-nezumi-300: #D0C3C0;
33
33
  /* Sakura-nezumi (桜鼠) 400 */
34
- --color-sakura-nezumi-400: #A5918D;
34
+ --color-sakura-nezumi-400: #C2B4B0;
35
35
  /* Sakura-nezumi (桜鼠) 500 */
36
- --color-sakura-nezumi-500: #B5A4A1;
36
+ --color-sakura-nezumi-500: #B5A4A0;
37
37
  /* Sakura-nezumi (桜鼠) 600 */
38
- --color-sakura-nezumi-600: #A38F8A;
38
+ --color-sakura-nezumi-600: #857673;
39
39
  /* Sakura-nezumi (桜鼠) 700 */
40
- --color-sakura-nezumi-700: #8C736E;
40
+ --color-sakura-nezumi-700: #574C49;
41
41
  /* Sakura-nezumi (桜鼠) 800 */
42
- --color-sakura-nezumi-800: #6F5C58;
42
+ --color-sakura-nezumi-800: #2E2523;
43
43
  /* Sakura-nezumi (桜鼠) 900 */
44
- --color-sakura-nezumi-900: #534441;
44
+ --color-sakura-nezumi-900: #0A0504;
45
45
  /* Wasurenagusa-iro (勿忘草色) 50 */
46
- --color-wasurenagusa-iro-50: #F1F3F4;
46
+ --color-wasurenagusa-iro-50: #EBF7FF;
47
47
  /* Wasurenagusa-iro (勿忘草色) 100 */
48
- --color-wasurenagusa-iro-100: #E2E6E9;
48
+ --color-wasurenagusa-iro-100: #D4E7F6;
49
49
  /* Wasurenagusa-iro (勿忘草色) 200 */
50
- --color-wasurenagusa-iro-200: #B6D0E2;
50
+ --color-wasurenagusa-iro-200: #BED8EB;
51
51
  /* Wasurenagusa-iro (勿忘草色) 300 */
52
- --color-wasurenagusa-iro-300: #91B8D4;
52
+ --color-wasurenagusa-iro-300: #A7C8E1;
53
53
  /* Wasurenagusa-iro (勿忘草色) 400 */
54
- --color-wasurenagusa-iro-400: #6CA0C6;
54
+ --color-wasurenagusa-iro-400: #91B9D7;
55
55
  /* Wasurenagusa-iro (勿忘草色) 500 */
56
56
  --color-wasurenagusa-iro-500: #7BAACC;
57
57
  /* Wasurenagusa-iro (勿忘草色) 600 */
58
- --color-wasurenagusa-iro-600: #5D97C0;
58
+ --color-wasurenagusa-iro-600: #537C99;
59
59
  /* Wasurenagusa-iro (勿忘草色) 700 */
60
- --color-wasurenagusa-iro-700: #427EA9;
60
+ --color-wasurenagusa-iro-700: #2E5169;
61
61
  /* Wasurenagusa-iro (勿忘草色) 800 */
62
- --color-wasurenagusa-iro-800: #336384;
62
+ --color-wasurenagusa-iro-800: #0B293C;
63
63
  /* Wasurenagusa-iro (勿忘草色) 900 */
64
- --color-wasurenagusa-iro-900: #25475F;
64
+ --color-wasurenagusa-iro-900: #000614;
65
65
  /* Kitsune-iro (狐色) 50 */
66
- --color-kitsune-iro-50: #F4F3F1;
66
+ --color-kitsune-iro-50: #FCF4E5;
67
67
  /* Kitsune-iro (狐色) 100 */
68
- --color-kitsune-iro-100: #E9E7E2;
68
+ --color-kitsune-iro-100: #F1E5CD;
69
69
  /* Kitsune-iro (狐色) 200 */
70
- --color-kitsune-iro-200: #E2D4B6;
70
+ --color-kitsune-iro-200: #E6D6B5;
71
71
  /* Kitsune-iro (狐色) 300 */
72
- --color-kitsune-iro-300: #D4BF91;
72
+ --color-kitsune-iro-300: #DBC79D;
73
73
  /* Kitsune-iro (狐色) 400 */
74
- --color-kitsune-iro-400: #C6A96C;
74
+ --color-kitsune-iro-400: #D1B885;
75
75
  /* Kitsune-iro (狐色) 500 */
76
76
  --color-kitsune-iro-500: #C6A96C;
77
77
  /* Kitsune-iro (狐色) 600 */
78
- --color-kitsune-iro-600: #BA984F;
78
+ --color-kitsune-iro-600: #927A45;
79
79
  /* Kitsune-iro (狐色) 700 */
80
- --color-kitsune-iro-700: #9A7C3C;
80
+ --color-kitsune-iro-700: #624D1F;
81
81
  /* Kitsune-iro (狐色) 800 */
82
- --color-kitsune-iro-800: #765F2E;
82
+ --color-kitsune-iro-800: #362500;
83
83
  /* Kitsune-iro (狐色) 900 */
84
- --color-kitsune-iro-900: #51411F;
84
+ --color-kitsune-iro-900: #0E0400;
85
85
  /* Enji (臙脂) 50 */
86
- --color-enji-50: #F4F0F1;
86
+ --color-enji-50: #FFEDEE;
87
87
  /* Enji (臙脂) 100 */
88
- --color-enji-100: #E9E2E3;
88
+ --color-enji-100: #F6C8CA;
89
89
  /* Enji (臙脂) 200 */
90
- --color-enji-200: #E3B5BA;
90
+ --color-enji-200: #E0A5A7;
91
91
  /* Enji (臙脂) 300 */
92
- --color-enji-300: #D59098;
92
+ --color-enji-300: #CA8286;
93
93
  /* Enji (臙脂) 400 */
94
- --color-enji-400: #C76B76;
94
+ --color-enji-400: #B35F66;
95
95
  /* Enji (臙脂) 500 */
96
- --color-enji-500: #9B3B46;
96
+ --color-enji-500: #9B3B47;
97
97
  /* Enji (臙脂) 600 */
98
- --color-enji-600: #7E3039;
98
+ --color-enji-600: #782531;
99
99
  /* Enji (臙脂) 700 */
100
- --color-enji-700: #592228;
100
+ --color-enji-700: #570F1D;
101
101
  /* Enji (臙脂) 800 */
102
- --color-enji-800: #2D1A1C;
102
+ --color-enji-800: #38000A;
103
103
  /* Enji (臙脂) 900 */
104
- --color-enji-900: #0D0708;
104
+ --color-enji-900: #1A0000;
105
105
  /* Rikyuu-nezumi (利休鼠) 50 */
106
- --color-rikyuu-nezumi-50: #F2F2F2;
106
+ --color-rikyuu-nezumi-50: #F5F5F3;
107
107
  /* Rikyuu-nezumi (利休鼠) 100 */
108
- --color-rikyuu-nezumi-100: #E6E6E5;
108
+ --color-rikyuu-nezumi-100: #DBDCD8;
109
109
  /* Rikyuu-nezumi (利休鼠) 200 */
110
- --color-rikyuu-nezumi-200: #CDCECA;
110
+ --color-rikyuu-nezumi-200: #C2C3BE;
111
111
  /* Rikyuu-nezumi (利休鼠) 300 */
112
- --color-rikyuu-nezumi-300: #B4B6AF;
112
+ --color-rikyuu-nezumi-300: #A9ABA5;
113
113
  /* Rikyuu-nezumi (利休鼠) 400 */
114
- --color-rikyuu-nezumi-400: #9A9D95;
114
+ --color-rikyuu-nezumi-400: #91948C;
115
115
  /* Rikyuu-nezumi (利休鼠) 500 */
116
- --color-rikyuu-nezumi-500: #797D73;
116
+ --color-rikyuu-nezumi-500: #7A7D74;
117
117
  /* Rikyuu-nezumi (利休鼠) 600 */
118
- --color-rikyuu-nezumi-600: #65675F;
118
+ --color-rikyuu-nezumi-600: #595C54;
119
119
  /* Rikyuu-nezumi (利休鼠) 700 */
120
- --color-rikyuu-nezumi-700: #4B4D47;
120
+ --color-rikyuu-nezumi-700: #3A3C36;
121
121
  /* Rikyuu-nezumi (利休鼠) 800 */
122
- --color-rikyuu-nezumi-800: #31322F;
122
+ --color-rikyuu-nezumi-800: #1D1F1A;
123
123
  /* Rikyuu-nezumi (利休鼠) 900 */
124
- --color-rikyuu-nezumi-900: #171716;
124
+ --color-rikyuu-nezumi-900: #050604;
125
125
  /* Shironeri (白練) 50 */
126
- --color-shironeri-50: #F4F3F0;
126
+ --color-shironeri-50: #F7F5F1;
127
127
  /* Shironeri (白練) 100 */
128
- --color-shironeri-100: #E9E7E2;
128
+ --color-shironeri-100: #F6F3ED;
129
129
  /* Shironeri (白練) 200 */
130
- --color-shironeri-200: #E5D6B3;
130
+ --color-shironeri-200: #F5F1E9;
131
131
  /* Shironeri (白練) 300 */
132
- --color-shironeri-300: #D8C18D;
132
+ --color-shironeri-300: #F4F0E4;
133
133
  /* Shironeri (白練) 400 */
134
- --color-shironeri-400: #CBAD67;
134
+ --color-shironeri-400: #F4EEE0;
135
135
  /* Shironeri (白練) 500 */
136
- --color-shironeri-500: #EBE9E5;
136
+ --color-shironeri-500: #F3ECDC;
137
137
  /* Shironeri (白練) 600 */
138
- --color-shironeri-600: #E9DCBE;
138
+ --color-shironeri-600: #B0AA9C;
139
139
  /* Shironeri (白練) 700 */
140
- --color-shironeri-700: #DCC898;
140
+ --color-shironeri-700: #716C61;
141
141
  /* Shironeri (白練) 800 */
142
- --color-shironeri-800: #CFB372;
142
+ --color-shironeri-800: #38342B;
143
143
  /* Shironeri (白練) 900 */
144
- --color-shironeri-900: #C29F4C;
144
+ --color-shironeri-900: #080502;
145
145
  /* Neutral 50 */
146
- --color-neutral-50: #F7F7F8;
146
+ --color-neutral-50: #F4F9FF;
147
147
  /* Neutral 100 */
148
- --color-neutral-100: #EFF0F0;
148
+ --color-neutral-100: #EAEFF5;
149
149
  /* Neutral 200 */
150
- --color-neutral-200: #DFE0E2;
150
+ --color-neutral-200: #D9DEE5;
151
151
  /* Neutral 300 */
152
- --color-neutral-300: #C5C7C9;
152
+ --color-neutral-300: #C0C5CB;
153
153
  /* Neutral 400 */
154
- --color-neutral-400: #9A9EA2;
154
+ --color-neutral-400: #94999E;
155
155
  /* Neutral 500 */
156
- --color-neutral-500: #71757A;
156
+ --color-neutral-500: #6B6F74;
157
157
  /* Neutral 600 */
158
- --color-neutral-600: #585C5F;
158
+ --color-neutral-600: #494D53;
159
159
  /* Neutral 700 */
160
- --color-neutral-700: #404245;
160
+ --color-neutral-700: #2F3338;
161
161
  /* Neutral 800 */
162
- --color-neutral-800: #27292A;
162
+ --color-neutral-800: #171B1F;
163
163
  /* Neutral 900 */
164
- --color-neutral-900: #141415;
164
+ --color-neutral-900: #05080B;
165
165
  /* Accent 50 */
166
- --color-accent-50: #F3F4F1;
166
+ --color-accent-50: #F3F8E7;
167
167
  /* Accent 100 */
168
- --color-accent-100: #E7E9E2;
168
+ --color-accent-100: #D3DAC1;
169
169
  /* Accent 200 */
170
- --color-accent-200: #D7E1B7;
170
+ --color-accent-200: #B4BE9B;
171
171
  /* Accent 300 */
172
- --color-accent-300: #C3D293;
172
+ --color-accent-300: #96A276;
173
173
  /* Accent 400 */
174
- --color-accent-400: #AFC36F;
174
+ --color-accent-400: #798752;
175
175
  /* Accent 500 */
176
176
  --color-accent-500: #5D6C2D;
177
177
  /* Accent 600 */
178
- --color-accent-600: #444F21;
178
+ --color-accent-600: #445018;
179
179
  /* Accent 700 */
180
- --color-accent-700: #232617;
180
+ --color-accent-700: #2C3603;
181
181
  /* Accent 800 */
182
- --color-accent-800: #14160D;
182
+ --color-accent-800: #161D00;
183
183
  /* Accent 900 */
184
- --color-accent-900: #0C0D08;
184
+ --color-accent-900: #040800;
185
185
 
186
186
  /* --- Spacing (8px grid) --- */
187
187
  /* Spacing 0 (0px) */
@@ -255,6 +255,28 @@
255
255
 
256
256
  }
257
257
 
258
+ /* === Semantic Color API — theme-aware Tailwind utilities === */
259
+ @theme {
260
+ --color-canvas: var(--background-canvas);
261
+ --color-surface: var(--background-surface);
262
+ --color-muted: var(--background-muted);
263
+ --color-foreground: var(--text-primary);
264
+ --color-foreground-secondary: var(--text-secondary);
265
+ --color-foreground-muted: var(--text-muted);
266
+ --color-foreground-inverse: var(--text-inverse);
267
+ --color-primary: var(--interactive-primary);
268
+ --color-primary-hover: var(--interactive-primary-hover);
269
+ --color-primary-active: var(--interactive-primary-active);
270
+ --color-border: var(--border-default);
271
+ --color-border-strong: var(--border-strong);
272
+ --color-error: var(--status-error);
273
+ --color-success: var(--status-success);
274
+ --color-warning: var(--status-warning);
275
+ --color-info: var(--status-info);
276
+ --color-ring: var(--focus-ring);
277
+ --color-focus-visible: var(--accessibility-focus-visible);
278
+ }
279
+
258
280
  /* Primitive aliases + light mode semantic tokens */
259
281
  :root {
260
282
  /* --primitive-color-* aliases → @theme --color-* (for semantic var() resolution) */
@@ -378,8 +400,8 @@
378
400
  --status-error: #DC2626;
379
401
  /* Success — WCAG-compliant green */
380
402
  --status-success: #16A34A;
381
- /* Warning — WCAG-compliant amber */
382
- --status-warning: #CA8A04;
403
+ /* Warning — WCAG AA amber (4.5:1+ on white) */
404
+ --status-warning: #A16207;
383
405
  /* Info status */
384
406
  --status-info: var(--primitive-color-hanada-500);
385
407
  /* Focus ring color */
package/src/nihon-traditional/tokens.css CHANGED
@@ -1,188 +1,202 @@
1
- /* nihon-no-iro-traditional — Design Tokens */
2
- /* Generated by @syncupsuite/transformers */
1
+ /* ═══════════════════════════════════════════════════════════════
2
+ * nihon-no-iro-traditional — Design Tokens
3
+ * Generated by @syncupsuite/transformers
4
+ *
5
+ * CONSUMER API — Use these semantic tokens in your styles:
6
+ *
7
+ * Backgrounds: var(--background-canvas | surface | muted)
8
+ * Text: var(--text-primary | secondary | muted | inverse)
9
+ * Interactive: var(--interactive-primary | primary-hover | primary-active)
10
+ * Borders: var(--border-default | strong)
11
+ * Status: var(--status-error | success | warning | info)
12
+ * Focus: var(--focus-ring)
13
+ *
14
+ * Dark mode: Add [data-theme="dark"] to a parent element.
15
+ * Primitives: --primitive-color-*, --primitive-spacing-*, etc.
16
+ * ═══════════════════════════════════════════════════════════════ */
3
17
 
4
18
  :root {
5
19
  /* --- Primitive Colors --- */
6
20
  /* Hanada (縹) 50 */
7
- --primitive-color-hanada-50: #F1F2F4;
21
+ --primitive-color-hanada-50: #EDF6FF;
8
22
  /* Hanada (縹) 100 */
9
- --primitive-color-hanada-100: #E2E5E9;
23
+ --primitive-color-hanada-100: #C4D2E2;
10
24
  /* Hanada (縹) 200 */
11
- --primitive-color-hanada-200: #B7CBE1;
25
+ --primitive-color-hanada-200: #9CAEC4;
12
26
  /* Hanada (縹) 300 */
13
- --primitive-color-hanada-300: #93B0D2;
27
+ --primitive-color-hanada-300: #768CA6;
14
28
  /* Hanada (縹) 400 */
15
- --primitive-color-hanada-400: #6F96C3;
29
+ --primitive-color-hanada-400: #516B89;
16
30
  /* Hanada (縹) 500 */
17
- --primitive-color-hanada-500: #2D4A6C;
31
+ --primitive-color-hanada-500: #2E4B6D;
18
32
  /* Hanada (縹) 600 */
19
- --primitive-color-hanada-600: #21374F;
33
+ --primitive-color-hanada-600: #1F3855;
20
34
  /* Hanada (縹) 700 */
21
- --primitive-color-hanada-700: #171E26;
35
+ --primitive-color-hanada-700: #10263E;
22
36
  /* Hanada (縹) 800 */
23
- --primitive-color-hanada-800: #0D1216;
37
+ --primitive-color-hanada-800: #041429;
24
38
  /* Hanada (縹) 900 */
25
- --primitive-color-hanada-900: #080A0D;
39
+ --primitive-color-hanada-900: #000614;
26
40
  /* Sakura-nezumi (桜鼠) 50 */
27
- --primitive-color-sakura-nezumi-50: #F3F2F2;
41
+ --primitive-color-sakura-nezumi-50: #F8F4F3;
28
42
  /* Sakura-nezumi (桜鼠) 100 */
29
- --primitive-color-sakura-nezumi-100: #E7E5E4;
43
+ --primitive-color-sakura-nezumi-100: #EBE3E2;
30
44
  /* Sakura-nezumi (桜鼠) 200 */
31
- --primitive-color-sakura-nezumi-200: #D2C8C6;
45
+ --primitive-color-sakura-nezumi-200: #DDD3D1;
32
46
  /* Sakura-nezumi (桜鼠) 300 */
33
- --primitive-color-sakura-nezumi-300: #BCADA9;
47
+ --primitive-color-sakura-nezumi-300: #D0C3C0;
34
48
  /* Sakura-nezumi (桜鼠) 400 */
35
- --primitive-color-sakura-nezumi-400: #A5918D;
49
+ --primitive-color-sakura-nezumi-400: #C2B4B0;
36
50
  /* Sakura-nezumi (桜鼠) 500 */
37
- --primitive-color-sakura-nezumi-500: #B5A4A1;
51
+ --primitive-color-sakura-nezumi-500: #B5A4A0;
38
52
  /* Sakura-nezumi (桜鼠) 600 */
39
- --primitive-color-sakura-nezumi-600: #A38F8A;
53
+ --primitive-color-sakura-nezumi-600: #857673;
40
54
  /* Sakura-nezumi (桜鼠) 700 */
41
- --primitive-color-sakura-nezumi-700: #8C736E;
55
+ --primitive-color-sakura-nezumi-700: #574C49;
42
56
  /* Sakura-nezumi (桜鼠) 800 */
43
- --primitive-color-sakura-nezumi-800: #6F5C58;
57
+ --primitive-color-sakura-nezumi-800: #2E2523;
44
58
  /* Sakura-nezumi (桜鼠) 900 */
45
- --primitive-color-sakura-nezumi-900: #534441;
59
+ --primitive-color-sakura-nezumi-900: #0A0504;
46
60
  /* Wasurenagusa-iro (勿忘草色) 50 */
47
- --primitive-color-wasurenagusa-iro-50: #F1F3F4;
61
+ --primitive-color-wasurenagusa-iro-50: #EBF7FF;
48
62
  /* Wasurenagusa-iro (勿忘草色) 100 */
49
- --primitive-color-wasurenagusa-iro-100: #E2E6E9;
63
+ --primitive-color-wasurenagusa-iro-100: #D4E7F6;
50
64
  /* Wasurenagusa-iro (勿忘草色) 200 */
51
- --primitive-color-wasurenagusa-iro-200: #B6D0E2;
65
+ --primitive-color-wasurenagusa-iro-200: #BED8EB;
52
66
  /* Wasurenagusa-iro (勿忘草色) 300 */
53
- --primitive-color-wasurenagusa-iro-300: #91B8D4;
67
+ --primitive-color-wasurenagusa-iro-300: #A7C8E1;
54
68
  /* Wasurenagusa-iro (勿忘草色) 400 */
55
- --primitive-color-wasurenagusa-iro-400: #6CA0C6;
69
+ --primitive-color-wasurenagusa-iro-400: #91B9D7;
56
70
  /* Wasurenagusa-iro (勿忘草色) 500 */
57
71
  --primitive-color-wasurenagusa-iro-500: #7BAACC;
58
72
  /* Wasurenagusa-iro (勿忘草色) 600 */
59
- --primitive-color-wasurenagusa-iro-600: #5D97C0;
73
+ --primitive-color-wasurenagusa-iro-600: #537C99;
60
74
  /* Wasurenagusa-iro (勿忘草色) 700 */
61
- --primitive-color-wasurenagusa-iro-700: #427EA9;
75
+ --primitive-color-wasurenagusa-iro-700: #2E5169;
62
76
  /* Wasurenagusa-iro (勿忘草色) 800 */
63
- --primitive-color-wasurenagusa-iro-800: #336384;
77
+ --primitive-color-wasurenagusa-iro-800: #0B293C;
64
78
  /* Wasurenagusa-iro (勿忘草色) 900 */
65
- --primitive-color-wasurenagusa-iro-900: #25475F;
79
+ --primitive-color-wasurenagusa-iro-900: #000614;
66
80
  /* Kitsune-iro (狐色) 50 */
67
- --primitive-color-kitsune-iro-50: #F4F3F1;
81
+ --primitive-color-kitsune-iro-50: #FCF4E5;
68
82
  /* Kitsune-iro (狐色) 100 */
69
- --primitive-color-kitsune-iro-100: #E9E7E2;
83
+ --primitive-color-kitsune-iro-100: #F1E5CD;
70
84
  /* Kitsune-iro (狐色) 200 */
71
- --primitive-color-kitsune-iro-200: #E2D4B6;
85
+ --primitive-color-kitsune-iro-200: #E6D6B5;
72
86
  /* Kitsune-iro (狐色) 300 */
73
- --primitive-color-kitsune-iro-300: #D4BF91;
87
+ --primitive-color-kitsune-iro-300: #DBC79D;
74
88
  /* Kitsune-iro (狐色) 400 */
75
- --primitive-color-kitsune-iro-400: #C6A96C;
89
+ --primitive-color-kitsune-iro-400: #D1B885;
76
90
  /* Kitsune-iro (狐色) 500 */
77
91
  --primitive-color-kitsune-iro-500: #C6A96C;
78
92
  /* Kitsune-iro (狐色) 600 */
79
- --primitive-color-kitsune-iro-600: #BA984F;
93
+ --primitive-color-kitsune-iro-600: #927A45;
80
94
  /* Kitsune-iro (狐色) 700 */
81
- --primitive-color-kitsune-iro-700: #9A7C3C;
95
+ --primitive-color-kitsune-iro-700: #624D1F;
82
96
  /* Kitsune-iro (狐色) 800 */
83
- --primitive-color-kitsune-iro-800: #765F2E;
97
+ --primitive-color-kitsune-iro-800: #362500;
84
98
  /* Kitsune-iro (狐色) 900 */
85
- --primitive-color-kitsune-iro-900: #51411F;
99
+ --primitive-color-kitsune-iro-900: #0E0400;
86
100
  /* Enji (臙脂) 50 */
87
- --primitive-color-enji-50: #F4F0F1;
101
+ --primitive-color-enji-50: #FFEDEE;
88
102
  /* Enji (臙脂) 100 */
89
- --primitive-color-enji-100: #E9E2E3;
103
+ --primitive-color-enji-100: #F6C8CA;
90
104
  /* Enji (臙脂) 200 */
91
- --primitive-color-enji-200: #E3B5BA;
105
+ --primitive-color-enji-200: #E0A5A7;
92
106
  /* Enji (臙脂) 300 */
93
- --primitive-color-enji-300: #D59098;
107
+ --primitive-color-enji-300: #CA8286;
94
108
  /* Enji (臙脂) 400 */
95
- --primitive-color-enji-400: #C76B76;
109
+ --primitive-color-enji-400: #B35F66;
96
110
  /* Enji (臙脂) 500 */
97
- --primitive-color-enji-500: #9B3B46;
111
+ --primitive-color-enji-500: #9B3B47;
98
112
  /* Enji (臙脂) 600 */
99
- --primitive-color-enji-600: #7E3039;
113
+ --primitive-color-enji-600: #782531;
100
114
  /* Enji (臙脂) 700 */
101
- --primitive-color-enji-700: #592228;
115
+ --primitive-color-enji-700: #570F1D;
102
116
  /* Enji (臙脂) 800 */
103
- --primitive-color-enji-800: #2D1A1C;
117
+ --primitive-color-enji-800: #38000A;
104
118
  /* Enji (臙脂) 900 */
105
- --primitive-color-enji-900: #0D0708;
119
+ --primitive-color-enji-900: #1A0000;
106
120
  /* Rikyuu-nezumi (利休鼠) 50 */
107
- --primitive-color-rikyuu-nezumi-50: #F2F2F2;
121
+ --primitive-color-rikyuu-nezumi-50: #F5F5F3;
108
122
  /* Rikyuu-nezumi (利休鼠) 100 */
109
- --primitive-color-rikyuu-nezumi-100: #E6E6E5;
123
+ --primitive-color-rikyuu-nezumi-100: #DBDCD8;
110
124
  /* Rikyuu-nezumi (利休鼠) 200 */
111
- --primitive-color-rikyuu-nezumi-200: #CDCECA;
125
+ --primitive-color-rikyuu-nezumi-200: #C2C3BE;
112
126
  /* Rikyuu-nezumi (利休鼠) 300 */
113
- --primitive-color-rikyuu-nezumi-300: #B4B6AF;
127
+ --primitive-color-rikyuu-nezumi-300: #A9ABA5;
114
128
  /* Rikyuu-nezumi (利休鼠) 400 */
115
- --primitive-color-rikyuu-nezumi-400: #9A9D95;
129
+ --primitive-color-rikyuu-nezumi-400: #91948C;
116
130
  /* Rikyuu-nezumi (利休鼠) 500 */
117
- --primitive-color-rikyuu-nezumi-500: #797D73;
131
+ --primitive-color-rikyuu-nezumi-500: #7A7D74;
118
132
  /* Rikyuu-nezumi (利休鼠) 600 */
119
- --primitive-color-rikyuu-nezumi-600: #65675F;
133
+ --primitive-color-rikyuu-nezumi-600: #595C54;
120
134
  /* Rikyuu-nezumi (利休鼠) 700 */
121
- --primitive-color-rikyuu-nezumi-700: #4B4D47;
135
+ --primitive-color-rikyuu-nezumi-700: #3A3C36;
122
136
  /* Rikyuu-nezumi (利休鼠) 800 */
123
- --primitive-color-rikyuu-nezumi-800: #31322F;
137
+ --primitive-color-rikyuu-nezumi-800: #1D1F1A;
124
138
  /* Rikyuu-nezumi (利休鼠) 900 */
125
- --primitive-color-rikyuu-nezumi-900: #171716;
139
+ --primitive-color-rikyuu-nezumi-900: #050604;
126
140
  /* Shironeri (白練) 50 */
127
- --primitive-color-shironeri-50: #F4F3F0;
141
+ --primitive-color-shironeri-50: #F7F5F1;
128
142
  /* Shironeri (白練) 100 */
129
- --primitive-color-shironeri-100: #E9E7E2;
143
+ --primitive-color-shironeri-100: #F6F3ED;
130
144
  /* Shironeri (白練) 200 */
131
- --primitive-color-shironeri-200: #E5D6B3;
145
+ --primitive-color-shironeri-200: #F5F1E9;
132
146
  /* Shironeri (白練) 300 */
133
- --primitive-color-shironeri-300: #D8C18D;
147
+ --primitive-color-shironeri-300: #F4F0E4;
134
148
  /* Shironeri (白練) 400 */
135
- --primitive-color-shironeri-400: #CBAD67;
149
+ --primitive-color-shironeri-400: #F4EEE0;
136
150
  /* Shironeri (白練) 500 */
137
- --primitive-color-shironeri-500: #EBE9E5;
151
+ --primitive-color-shironeri-500: #F3ECDC;
138
152
  /* Shironeri (白練) 600 */
139
- --primitive-color-shironeri-600: #E9DCBE;
153
+ --primitive-color-shironeri-600: #B0AA9C;
140
154
  /* Shironeri (白練) 700 */
141
- --primitive-color-shironeri-700: #DCC898;
155
+ --primitive-color-shironeri-700: #716C61;
142
156
  /* Shironeri (白練) 800 */
143
- --primitive-color-shironeri-800: #CFB372;
157
+ --primitive-color-shironeri-800: #38342B;
144
158
  /* Shironeri (白練) 900 */
145
- --primitive-color-shironeri-900: #C29F4C;
159
+ --primitive-color-shironeri-900: #080502;
146
160
  /* Neutral 50 */
147
- --primitive-color-neutral-50: #F7F7F8;
161
+ --primitive-color-neutral-50: #F4F9FF;
148
162
  /* Neutral 100 */
149
- --primitive-color-neutral-100: #EFF0F0;
163
+ --primitive-color-neutral-100: #EAEFF5;
150
164
  /* Neutral 200 */
151
- --primitive-color-neutral-200: #DFE0E2;
165
+ --primitive-color-neutral-200: #D9DEE5;
152
166
  /* Neutral 300 */
153
- --primitive-color-neutral-300: #C5C7C9;
167
+ --primitive-color-neutral-300: #C0C5CB;
154
168
  /* Neutral 400 */
155
- --primitive-color-neutral-400: #9A9EA2;
169
+ --primitive-color-neutral-400: #94999E;
156
170
  /* Neutral 500 */
157
- --primitive-color-neutral-500: #71757A;
171
+ --primitive-color-neutral-500: #6B6F74;
158
172
  /* Neutral 600 */
159
- --primitive-color-neutral-600: #585C5F;
173
+ --primitive-color-neutral-600: #494D53;
160
174
  /* Neutral 700 */
161
- --primitive-color-neutral-700: #404245;
175
+ --primitive-color-neutral-700: #2F3338;
162
176
  /* Neutral 800 */
163
- --primitive-color-neutral-800: #27292A;
177
+ --primitive-color-neutral-800: #171B1F;
164
178
  /* Neutral 900 */
165
- --primitive-color-neutral-900: #141415;
179
+ --primitive-color-neutral-900: #05080B;
166
180
  /* Accent 50 */
167
- --primitive-color-accent-50: #F3F4F1;
181
+ --primitive-color-accent-50: #F3F8E7;
168
182
  /* Accent 100 */
169
- --primitive-color-accent-100: #E7E9E2;
183
+ --primitive-color-accent-100: #D3DAC1;
170
184
  /* Accent 200 */
171
- --primitive-color-accent-200: #D7E1B7;
185
+ --primitive-color-accent-200: #B4BE9B;
172
186
  /* Accent 300 */
173
- --primitive-color-accent-300: #C3D293;
187
+ --primitive-color-accent-300: #96A276;
174
188
  /* Accent 400 */
175
- --primitive-color-accent-400: #AFC36F;
189
+ --primitive-color-accent-400: #798752;
176
190
  /* Accent 500 */
177
191
  --primitive-color-accent-500: #5D6C2D;
178
192
  /* Accent 600 */
179
- --primitive-color-accent-600: #444F21;
193
+ --primitive-color-accent-600: #445018;
180
194
  /* Accent 700 */
181
- --primitive-color-accent-700: #232617;
195
+ --primitive-color-accent-700: #2C3603;
182
196
  /* Accent 800 */
183
- --primitive-color-accent-800: #14160D;
197
+ --primitive-color-accent-800: #161D00;
184
198
  /* Accent 900 */
185
- --primitive-color-accent-900: #0C0D08;
199
+ --primitive-color-accent-900: #040800;
186
200
 
187
201
  /* --- Typography --- */
188
202
  /* Heading font family */
@@ -295,8 +309,8 @@
295
309
  --status-error: #DC2626;
296
310
  /* Success — WCAG-compliant green */
297
311
  --status-success: #16A34A;
298
- /* Warning — WCAG-compliant amber */
299
- --status-warning: #CA8A04;
312
+ /* Warning — WCAG AA amber (4.5:1+ on white) */
313
+ --status-warning: #A16207;
300
314
  /* Info status */
301
315
  --status-info: var(--primitive-color-hanada-500);
302
316
  /* Focus ring color */