asharyu-design-token 1.0.4 → 2.0.4

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 (21) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +85 -50
  3. package/dist/index.css +251 -168
  4. package/dist/index.js +336 -197
  5. package/dist/src/color/colorValue.d.ts +91 -0
  6. package/dist/src/color/index.d.ts +0 -0
  7. package/dist/src/color/semanticValue.d.ts +39 -0
  8. package/dist/src/color/value.d.ts +21 -0
  9. package/dist/src/font/index.d.ts +12 -0
  10. package/dist/{font → src/font}/value.d.ts +1 -6
  11. package/dist/src/index.d.ts +297 -0
  12. package/dist/src/interaction/index.d.ts +15 -0
  13. package/dist/src/motion/index.d.ts +16 -0
  14. package/dist/src/prev/value.d.ts +21 -0
  15. package/dist/src/stroke/index.d.ts +20 -0
  16. package/package.json +1 -1
  17. package/dist/color/index.d.ts +0 -12
  18. package/dist/color/semanticValue.d.ts +0 -17
  19. package/dist/color/value.d.ts +0 -21
  20. package/dist/font/index.d.ts +0 -11
  21. package/dist/index.d.ts +0 -16
package/dist/index.css CHANGED
@@ -1,172 +1,255 @@
1
- @import "normalize.css";
2
1
  :root {
2
+ --asharyu-color-raw-yang-0: #ffffff;
3
+ --asharyu-color-raw-yang-1: #fefdfa;
4
+ --asharyu-color-raw-yang-2: #fdfaf4;
5
+ --asharyu-color-raw-yang-3: #f7f2e1;
6
+ --asharyu-color-raw-yang-4: #f1ebd0;
7
+ --asharyu-color-raw-yin-0: #333333;
8
+ --asharyu-color-raw-yin-1: #1a1a1a;
9
+ --asharyu-color-raw-yin-2: #0c0c0c;
10
+ --asharyu-color-raw-yin-3: #060606;
11
+ --asharyu-color-raw-yin-4: #000000;
12
+ --asharyu-color-raw-wood-0: #ECF2F6;
13
+ --asharyu-color-raw-wood-1: #AEC6D7;
14
+ --asharyu-color-raw-wood-2: #7BA2BE;
15
+ --asharyu-color-raw-wood-3: #5C83A2;
16
+ --asharyu-color-raw-wood-4: #3E6586;
17
+ --asharyu-color-raw-fire-0: #F4E7E7;
18
+ --asharyu-color-raw-fire-1: #DDA8A8;
19
+ --asharyu-color-raw-fire-2: #C96B6B;
20
+ --asharyu-color-raw-fire-3: #A74E4E;
21
+ --asharyu-color-raw-fire-4: #853131;
22
+ --asharyu-color-raw-earth-0: #F6F1E3;
23
+ --asharyu-color-raw-earth-1: #E8DDBF;
24
+ --asharyu-color-raw-earth-2: #D9C58F;
25
+ --asharyu-color-raw-earth-3: #B5A16B;
26
+ --asharyu-color-raw-earth-4: #917D47;
27
+ --asharyu-color-raw-metal-0: #FAFAFA;
28
+ --asharyu-color-raw-metal-1: #F2F2F2;
29
+ --asharyu-color-raw-metal-2: #E2E2E2;
30
+ --asharyu-color-raw-metal-3: #C2C2C2;
31
+ --asharyu-color-raw-metal-4: #A2A2A2;
32
+ --asharyu-color-raw-water-0: #999999;
33
+ --asharyu-color-raw-water-1: #555555;
34
+ --asharyu-color-raw-water-2: #333333;
35
+ --asharyu-color-raw-water-3: #222222;
36
+ --asharyu-color-raw-water-4: #111111;
37
+ --asharyu-color-raw-hong-0: #F2E5E5;
38
+ --asharyu-color-raw-hong-1: #E5C7C7;
39
+ --asharyu-color-raw-hong-2: #D6A6A6;
40
+ --asharyu-color-raw-hong-3: #B37D7D;
41
+ --asharyu-color-raw-hong-4: #915555;
42
+ --asharyu-color-raw-byeok-0: #E6EEF4;
43
+ --asharyu-color-raw-byeok-1: #CEDAE3;
44
+ --asharyu-color-raw-byeok-2: #AFC2D0;
45
+ --asharyu-color-raw-byeok-3: #8AA1B2;
46
+ --asharyu-color-raw-byeok-4: #668194;
47
+ --asharyu-color-raw-nok-0: #E7F0E6;
48
+ --asharyu-color-raw-nok-1: #CDDAC9;
49
+ --asharyu-color-raw-nok-2: #ACC4A6;
50
+ --asharyu-color-raw-nok-3: #8AA885;
51
+ --asharyu-color-raw-nok-4: #698C64;
52
+ --asharyu-color-raw-yuhwang-0: #D0CCBE;
53
+ --asharyu-color-raw-yuhwang-1: #AFA895;
54
+ --asharyu-color-raw-yuhwang-2: #867D61;
55
+ --asharyu-color-raw-yuhwang-3: #6D654E;
56
+ --asharyu-color-raw-yuhwang-4: #544D3C;
57
+ --asharyu-color-raw-ja-0: #D1BFC0;
58
+ --asharyu-color-raw-ja-1: #A9898B;
59
+ --asharyu-color-raw-ja-2: #7E4F53;
60
+ --asharyu-color-raw-ja-3: #653A3D;
61
+ --asharyu-color-raw-ja-4: #4C2628;
62
+ --asharyu-font-raw-rem-8: 0.5rem;
63
+ --asharyu-font-raw-rem-10: 0.625rem;
64
+ --asharyu-font-raw-rem-12: 0.75rem;
65
+ --asharyu-font-raw-rem-14: 0.875rem;
66
+ --asharyu-font-raw-rem-16: 1rem;
67
+ --asharyu-font-raw-rem-18: 1.125rem;
68
+ --asharyu-font-raw-rem-20: 1.25rem;
69
+ --asharyu-font-raw-rem-22: 1.375rem;
70
+ --asharyu-font-raw-rem-24: 1.5rem;
71
+ --asharyu-font-raw-rem-26: 1.625rem;
72
+ --asharyu-font-raw-rem-28: 1.75rem;
73
+ --asharyu-font-raw-rem-30: 1.875rem;
74
+ --asharyu-font-raw-rem-32: 2rem;
75
+ --asharyu-font-raw-rem-34: 2.125rem;
76
+ --asharyu-font-raw-rem-36: 2.25rem;
77
+ --asharyu-font-raw-rem-38: 2.375rem;
78
+ --asharyu-font-raw-rem-40: 2.5rem;
79
+ --asharyu-font-raw-rem-42: 2.625rem;
80
+ --asharyu-font-raw-rem-44: 2.75rem;
81
+ --asharyu-font-raw-rem-46: 2.875rem;
82
+ --asharyu-font-raw-rem-48: 3rem;
83
+ --asharyu-font-raw-rem-50: 3.125rem;
84
+ --asharyu-font-raw-rem-52: 3.25rem;
85
+ --asharyu-font-raw-rem-54: 3.375rem;
86
+ --asharyu-font-raw-rem-56: 3.5rem;
87
+ --asharyu-font-raw-rem-58: 3.625rem;
88
+ --asharyu-font-raw-rem-60: 3.75rem;
89
+ --asharyu-font-raw-rem-62: 3.875rem;
90
+ --asharyu-font-raw-rem-64: 4rem;
91
+ --asharyu-font-raw-rem-66: 4.125rem;
92
+ --asharyu-font-raw-rem-68: 4.25rem;
93
+ --asharyu-font-semantic-h1: 4.25rem;
94
+ --asharyu-font-semantic-h2: 3rem;
95
+ --asharyu-font-semantic-h3: 2.125rem;
96
+ --asharyu-font-semantic-h4: 1.75rem;
97
+ --asharyu-font-semantic-h5: 1.375rem;
98
+ --asharyu-font-semantic-h6: 1.125rem;
99
+ --asharyu-font-semantic-subtitle1: 1rem;
100
+ --asharyu-font-semantic-subtitle2: 0.875rem;
101
+ --asharyu-font-semantic-subtitle3: 0.75rem;
102
+ --asharyu-font-semantic-body1: 1rem;
103
+ --asharyu-font-semantic-body2: 0.875rem;
104
+ --asharyu-font-semantic-body3: 0.75rem;
105
+ --asharyu-font-semantic-button: 0.75rem;
106
+ --asharyu-font-semantic-caption: 0.625rem;
107
+ --asharyu-font-semantic-overline: 0.5rem;
108
+ --asharyu-motion-ki-un-gentle: cubic-bezier(0.4, 0, 0.2, 1);
109
+ --asharyu-motion-ki-un-sharp: cubic-bezier(0.19, 1, 0.22, 1);
110
+ --asharyu-motion-ki-un-spread: cubic-bezier(0.25, 0.46, 0.45, 0.94);
111
+ --asharyu-motion-duration-decisive: 0.15s;
112
+ --asharyu-motion-duration-flow: 0.3s;
113
+ --asharyu-motion-duration-bleed: 0.8s;
114
+ --asharyu-stroke-weight-sharp: 0.5px;
115
+ --asharyu-stroke-weight-fine: 1px;
116
+ --asharyu-stroke-weight-medium: 1.5px;
117
+ --asharyu-stroke-weight-bold: 2px;
118
+ --asharyu-stroke-weight-heavy: 3px;
119
+ --asharyu-stroke-ink-pressure-light: var(--asharyu-stroke-weight-sharp);
120
+ --asharyu-stroke-ink-pressure-heavy: var(--asharyu-stroke-weight-heavy);
121
+ --asharyu-stroke-ink-bleed: blur(1.2px);
122
+ --asharyu-stroke-sharp: var(--asharyu-stroke-weight-fine) solid var(--asharyu-color-semantic-stroke);
123
+ --asharyu-stroke-rough: url(#ink-bleed-filter);
124
+ --asharyu-interaction-flow-sang-saeng: all var(--asharyu-motion-duration-flow) var(--asharyu-motion-ki-un-gentle);
125
+ --asharyu-interaction-feedback-sang-geuk-decisive: all var(--asharyu-motion-duration-decisive) var(--asharyu-motion-ki-un-sharp);
126
+ --asharyu-interaction-feedback-sang-geuk-spread: all var(--asharyu-motion-duration-bleed) var(--asharyu-motion-ki-un-spread);
127
+ --asharyu-interaction-theme-bleed: background-color var(--asharyu-motion-duration-bleed) var(--asharyu-motion-ki-un-spread), color var(--asharyu-motion-duration-flow) var(--asharyu-motion-ki-un-gentle);
3
128
 
129
+ /* ☯️ Active Semantic Tokens (Default: Light) */
130
+ --asharyu-color-semantic-scale-subtle: #ffffff;
131
+ --asharyu-color-semantic-scale-soft: #fefdfa;
132
+ --asharyu-color-semantic-scale-primary: #fdfaf4;
133
+ --asharyu-color-semantic-scale-deep: #f7f2e1;
134
+ --asharyu-color-semantic-scale-sharp: #f1ebd0;
135
+ --asharyu-color-semantic-background: #fdfaf4;
136
+ --asharyu-color-semantic-text: #0c0c0c;
137
+ --asharyu-color-semantic-stroke: #000000;
138
+ --asharyu-color-semantic-action-subtle: #ECF2F6;
139
+ --asharyu-color-semantic-action-soft: #AEC6D7;
140
+ --asharyu-color-semantic-action-primary: #7BA2BE;
141
+ --asharyu-color-semantic-action-deep: #5C83A2;
142
+ --asharyu-color-semantic-action-sharp: #3E6586;
143
+ --asharyu-color-semantic-danger-subtle: #F4E7E7;
144
+ --asharyu-color-semantic-danger-soft: #DDA8A8;
145
+ --asharyu-color-semantic-danger-primary: #C96B6B;
146
+ --asharyu-color-semantic-danger-deep: #A74E4E;
147
+ --asharyu-color-semantic-danger-sharp: #853131;
148
+ --asharyu-color-semantic-surface-subtle: #F6F1E3;
149
+ --asharyu-color-semantic-surface-soft: #E8DDBF;
150
+ --asharyu-color-semantic-surface-primary: #D9C58F;
151
+ --asharyu-color-semantic-surface-deep: #B5A16B;
152
+ --asharyu-color-semantic-surface-sharp: #917D47;
153
+ --asharyu-color-semantic-border-subtle: #FAFAFA;
154
+ --asharyu-color-semantic-border-soft: #F2F2F2;
155
+ --asharyu-color-semantic-border-primary: #E2E2E2;
156
+ --asharyu-color-semantic-border-deep: #C2C2C2;
157
+ --asharyu-color-semantic-border-sharp: #A2A2A2;
158
+ --asharyu-color-semantic-info-subtle: #999999;
159
+ --asharyu-color-semantic-info-soft: #555555;
160
+ --asharyu-color-semantic-info-primary: #333333;
161
+ --asharyu-color-semantic-info-deep: #222222;
162
+ --asharyu-color-semantic-info-sharp: #111111;
163
+ --asharyu-color-semantic-status-success-subtle: #E7F0E6;
164
+ --asharyu-color-semantic-status-success-soft: #CDDAC9;
165
+ --asharyu-color-semantic-status-success-primary: #ACC4A6;
166
+ --asharyu-color-semantic-status-success-deep: #8AA885;
167
+ --asharyu-color-semantic-status-success-sharp: #698C64;
168
+ --asharyu-color-semantic-status-alert-hover-subtle: #F2E5E5;
169
+ --asharyu-color-semantic-status-alert-hover-soft: #E5C7C7;
170
+ --asharyu-color-semantic-status-alert-hover-primary: #D6A6A6;
171
+ --asharyu-color-semantic-status-alert-hover-deep: #B37D7D;
172
+ --asharyu-color-semantic-status-alert-hover-sharp: #915555;
173
+ --asharyu-color-semantic-status-action-focus-subtle: #E6EEF4;
174
+ --asharyu-color-semantic-status-action-focus-soft: #CEDAE3;
175
+ --asharyu-color-semantic-status-action-focus-primary: #AFC2D0;
176
+ --asharyu-color-semantic-status-action-focus-deep: #8AA1B2;
177
+ --asharyu-color-semantic-status-action-focus-sharp: #668194;
178
+ --asharyu-color-semantic-status-sub-surface-subtle: #D0CCBE;
179
+ --asharyu-color-semantic-status-sub-surface-soft: #AFA895;
180
+ --asharyu-color-semantic-status-sub-surface-primary: #867D61;
181
+ --asharyu-color-semantic-status-sub-surface-deep: #6D654E;
182
+ --asharyu-color-semantic-status-sub-surface-sharp: #544D3C;
183
+ --asharyu-color-semantic-status-info-active-subtle: #D1BFC0;
184
+ --asharyu-color-semantic-status-info-active-soft: #A9898B;
185
+ --asharyu-color-semantic-status-info-active-primary: #7E4F53;
186
+ --asharyu-color-semantic-status-info-active-deep: #653A3D;
187
+ --asharyu-color-semantic-status-info-active-sharp: #4C2628;
188
+ --asharyu-color-semantic-bleed-primary: rgba(12, 12, 12, 0.08);
189
+ --asharyu-color-semantic-bleed-soft: rgba(217, 197, 143, 0.15);
190
+ }
4
191
 
5
- --color-yinyang-yin: #000000;
6
- --color-yinyang-yin-1: #111111;
7
- --color-yinyang-yin-2: #222222;
8
- --color-yinyang-yin-3: #333333;
9
- --color-yinyang-yin-4: #444444;
10
- --color-yinyang-yang: #ffffff;
11
- --color-yinyang-yang-1: #eeeeee;
12
- --color-yinyang-yang-2: #dddddd;
13
- --color-yinyang-yang-3: #cccccc;
14
- --color-yinyang-yang-4: #bbbbbb;
15
-
16
-
17
- --color-fiveelements-wood: #0000ff;
18
- --color-fiveelements-wood-1: #0000dd;
19
- --color-fiveelements-wood-2: #0000bb;
20
- --color-fiveelements-wood-3: #000099;
21
- --color-fiveelements-wood-4: #000077;
22
- --color-fiveelements-fire: #ff0000;
23
- --color-fiveelements-fire-1: #dd0000;
24
- --color-fiveelements-fire-2: #bb0000;
25
- --color-fiveelements-fire-3: #990000;
26
- --color-fiveelements-fire-4: #770000;
27
- --color-fiveelements-earth: #ffff00;
28
- --color-fiveelements-earth-1: #dddd00;
29
- --color-fiveelements-earth-2: #bbbb00;
30
- --color-fiveelements-earth-3: #999900;
31
- --color-fiveelements-earth-4: #777700;
32
- --color-fiveelements-metal: #ffffff;
33
- --color-fiveelements-metal-1: #eeeeee;
34
- --color-fiveelements-metal-2: #dddddd;
35
- --color-fiveelements-metal-3: #cccccc;
36
- --color-fiveelements-metal-4: #bbbbbb;
37
- --color-fiveelements-water: #000000;
38
- --color-fiveelements-water-1: #111111;
39
- --color-fiveelements-water-2: #222222;
40
- --color-fiveelements-water-3: #333333;
41
- --color-fiveelements-water-4: #444444;
42
- --color-fiveelements-firemetal: #ff4500;
43
- --color-fiveelements-firemetal-1: #ee4500;
44
- --color-fiveelements-firemetal-2: #dd4500;
45
- --color-fiveelements-firemetal-3: #cc4500;
46
- --color-fiveelements-firemetal-4: #bb4500;
47
- --color-fiveelements-metalwood: #00ffff;
48
- --color-fiveelements-metalwood-1: #00eeff;
49
- --color-fiveelements-metalwood-2: #00ddff;
50
- --color-fiveelements-metalwood-3: #00ccff;
51
- --color-fiveelements-metalwood-4: #00bbff;
52
- --color-fiveelements-woodearth: #00ff00;
53
- --color-fiveelements-woodearth-1: #00ee00;
54
- --color-fiveelements-woodearth-2: #00dd00;
55
- --color-fiveelements-woodearth-3: #00cc00;
56
- --color-fiveelements-woodearth-4: #00bb00;
57
- --color-fiveelements-earthwater: #ffa500;
58
- --color-fiveelements-earthwater-1: #eea500;
59
- --color-fiveelements-earthwater-2: #dda500;
60
- --color-fiveelements-earthwater-3: #cca500;
61
- --color-fiveelements-earthwater-4: #bba500;
62
- --color-fiveelements-waterfire: #800080;
63
- --color-fiveelements-waterfire-1: #800070;
64
- --color-fiveelements-waterfire-2: #800060;
65
- --color-fiveelements-waterfire-3: #800050;
66
- --color-fiveelements-waterfire-4: #800040;
67
-
68
-
69
- --color-colorschema-white-0: #ffffff;
70
- --color-colorschema-white-1: #eeeeee;
71
- --color-colorschema-white-2: #dddddd;
72
- --color-colorschema-white-3: #cccccc;
73
- --color-colorschema-white-4: #bbbbbb;
74
- --color-colorschema-black-0: #000000;
75
- --color-colorschema-black-1: #111111;
76
- --color-colorschema-black-2: #222222;
77
- --color-colorschema-black-3: #333333;
78
- --color-colorschema-black-4: #444444;
79
- --color-colorschema-red-0: #ff0000;
80
- --color-colorschema-red-1: #dd0000;
81
- --color-colorschema-red-2: #bb0000;
82
- --color-colorschema-red-3: #990000;
83
- --color-colorschema-red-4: #770000;
84
- --color-colorschema-blue-0: #0000ff;
85
- --color-colorschema-blue-1: #0000dd;
86
- --color-colorschema-blue-2: #0000bb;
87
- --color-colorschema-blue-3: #000099;
88
- --color-colorschema-blue-4: #000077;
89
- --color-colorschema-yellow-0: #ffff00;
90
- --color-colorschema-yellow-1: #dddd00;
91
- --color-colorschema-yellow-2: #bbbb00;
92
- --color-colorschema-yellow-3: #999900;
93
- --color-colorschema-yellow-4: #777700;
94
- --color-colorschema-orangered-0: #ff4500;
95
- --color-colorschema-orangered-1: #ee4500;
96
- --color-colorschema-orangered-2: #dd4500;
97
- --color-colorschema-orangered-3: #cc4500;
98
- --color-colorschema-orangered-4: #bb4500;
99
- --color-colorschema-purple-0: #800080;
100
- --color-colorschema-purple-1: #800070;
101
- --color-colorschema-purple-2: #800060;
102
- --color-colorschema-purple-3: #800050;
103
- --color-colorschema-purple-4: #800040;
104
- --color-colorschema-aqua-0: #00ffff;
105
- --color-colorschema-aqua-1: #00eeff;
106
- --color-colorschema-aqua-2: #00ddff;
107
- --color-colorschema-aqua-3: #00ccff;
108
- --color-colorschema-aqua-4: #00bbff;
109
- --color-colorschema-orange-0: #ffa500;
110
- --color-colorschema-orange-1: #eea500;
111
- --color-colorschema-orange-2: #dda500;
112
- --color-colorschema-orange-3: #cca500;
113
- --color-colorschema-orange-4: #bba500;
114
- --color-colorschema-green-0: #00ff00;
115
- --color-colorschema-green-1: #00ee00;
116
- --color-colorschema-green-2: #00dd00;
117
- --color-colorschema-green-3: #00cc00;
118
- --color-colorschema-green-4: #00bb00;
119
-
120
-
121
-
122
- --font-fontsize-h1: 4.25rem;
123
- --font-fontsize-h2: 3rem;
124
- --font-fontsize-h3: 2.125rem;
125
- --font-fontsize-h4: 1.75rem;
126
- --font-fontsize-h5: 1.375rem;
127
- --font-fontsize-h6: 1.125rem;
128
- --font-fontsize-subtitle-1: 1rem;
129
- --font-fontsize-subtitle-2: 0.875rem;
130
- --font-fontsize-subtitle-3: 0.75rem;
131
- --font-fontsize-body-1: 1rem;
132
- --font-fontsize-body-2: 0.875rem;
133
- --font-fontsize-body-3: 0.75rem;
134
- --font-fontsize-button: 0.75rem;
135
- --font-fontsize-caption: 0.625rem;
136
- --font-fontsize-overline: 0.5rem;
137
-
138
-
139
- --font-fontsizeschema-8: 0.5rem;
140
- --font-fontsizeschema-10: 0.625rem;
141
- --font-fontsizeschema-12: 0.75rem;
142
- --font-fontsizeschema-14: 0.875rem;
143
- --font-fontsizeschema-16: 1rem;
144
- --font-fontsizeschema-18: 1.125rem;
145
- --font-fontsizeschema-20: 1.25rem;
146
- --font-fontsizeschema-22: 1.375rem;
147
- --font-fontsizeschema-24: 1.5rem;
148
- --font-fontsizeschema-26: 1.625rem;
149
- --font-fontsizeschema-28: 1.75rem;
150
- --font-fontsizeschema-30: 1.875rem;
151
- --font-fontsizeschema-32: 2rem;
152
- --font-fontsizeschema-34: 2.125rem;
153
- --font-fontsizeschema-36: 2.25rem;
154
- --font-fontsizeschema-38: 2.375rem;
155
- --font-fontsizeschema-40: 2.5rem;
156
- --font-fontsizeschema-42: 2.625rem;
157
- --font-fontsizeschema-44: 2.75rem;
158
- --font-fontsizeschema-46: 2.875rem;
159
- --font-fontsizeschema-48: 3rem;
160
- --font-fontsizeschema-50: 3.125rem;
161
- --font-fontsizeschema-52: 3.25rem;
162
- --font-fontsizeschema-54: 3.375rem;
163
- --font-fontsizeschema-56: 3.5rem;
164
- --font-fontsizeschema-58: 3.625rem;
165
- --font-fontsizeschema-60: 3.75rem;
166
- --font-fontsizeschema-62: 3.875rem;
167
- --font-fontsizeschema-64: 4rem;
168
- --font-fontsizeschema-66: 4.125rem;
169
- --font-fontsizeschema-68: 4.25rem;
170
-
171
-
192
+ /* 🌙 Yin (Dark) Mode Overrides */
193
+ [data-theme='dark'],
194
+ [data-theme='yin'] {
195
+ --asharyu-color-semantic-scale-subtle: #000000;
196
+ --asharyu-color-semantic-scale-soft: #060606;
197
+ --asharyu-color-semantic-scale-primary: #0c0c0c;
198
+ --asharyu-color-semantic-scale-deep: #1a1a1a;
199
+ --asharyu-color-semantic-scale-sharp: #333333;
200
+ --asharyu-color-semantic-background: #0c0c0c;
201
+ --asharyu-color-semantic-text: #fdfaf4;
202
+ --asharyu-color-semantic-stroke: #ffffff;
203
+ --asharyu-color-semantic-action-subtle: #3E6586;
204
+ --asharyu-color-semantic-action-soft: #5C83A2;
205
+ --asharyu-color-semantic-action-primary: #AEC6D7;
206
+ --asharyu-color-semantic-action-deep: #7BA2BE;
207
+ --asharyu-color-semantic-action-sharp: #ECF2F6;
208
+ --asharyu-color-semantic-danger-subtle: #853131;
209
+ --asharyu-color-semantic-danger-soft: #A74E4E;
210
+ --asharyu-color-semantic-danger-primary: #DDA8A8;
211
+ --asharyu-color-semantic-danger-deep: #C96B6B;
212
+ --asharyu-color-semantic-danger-sharp: #F4E7E7;
213
+ --asharyu-color-semantic-surface-subtle: #917D47;
214
+ --asharyu-color-semantic-surface-soft: #B5A16B;
215
+ --asharyu-color-semantic-surface-primary: #E8DDBF;
216
+ --asharyu-color-semantic-surface-deep: #D9C58F;
217
+ --asharyu-color-semantic-surface-sharp: #F6F1E3;
218
+ --asharyu-color-semantic-border-subtle: #A2A2A2;
219
+ --asharyu-color-semantic-border-soft: #C2C2C2;
220
+ --asharyu-color-semantic-border-primary: #F2F2F2;
221
+ --asharyu-color-semantic-border-deep: #E2E2E2;
222
+ --asharyu-color-semantic-border-sharp: #FAFAFA;
223
+ --asharyu-color-semantic-info-subtle: #111111;
224
+ --asharyu-color-semantic-info-soft: #222222;
225
+ --asharyu-color-semantic-info-primary: #555555;
226
+ --asharyu-color-semantic-info-deep: #333333;
227
+ --asharyu-color-semantic-info-sharp: #999999;
228
+ --asharyu-color-semantic-status-success-subtle: #698C64;
229
+ --asharyu-color-semantic-status-success-soft: #8AA885;
230
+ --asharyu-color-semantic-status-success-primary: #CDDAC9;
231
+ --asharyu-color-semantic-status-success-deep: #ACC4A6;
232
+ --asharyu-color-semantic-status-success-sharp: #E7F0E6;
233
+ --asharyu-color-semantic-status-alert-hover-subtle: #915555;
234
+ --asharyu-color-semantic-status-alert-hover-soft: #B37D7D;
235
+ --asharyu-color-semantic-status-alert-hover-primary: #E5C7C7;
236
+ --asharyu-color-semantic-status-alert-hover-deep: #D6A6A6;
237
+ --asharyu-color-semantic-status-alert-hover-sharp: #F2E5E5;
238
+ --asharyu-color-semantic-status-action-focus-subtle: #668194;
239
+ --asharyu-color-semantic-status-action-focus-soft: #8AA1B2;
240
+ --asharyu-color-semantic-status-action-focus-primary: #CEDAE3;
241
+ --asharyu-color-semantic-status-action-focus-deep: #AFC2D0;
242
+ --asharyu-color-semantic-status-action-focus-sharp: #E6EEF4;
243
+ --asharyu-color-semantic-status-sub-surface-subtle: #544D3C;
244
+ --asharyu-color-semantic-status-sub-surface-soft: #6D654E;
245
+ --asharyu-color-semantic-status-sub-surface-primary: #AFA895;
246
+ --asharyu-color-semantic-status-sub-surface-deep: #867D61;
247
+ --asharyu-color-semantic-status-sub-surface-sharp: #D0CCBE;
248
+ --asharyu-color-semantic-status-info-active-subtle: #4C2628;
249
+ --asharyu-color-semantic-status-info-active-soft: #653A3D;
250
+ --asharyu-color-semantic-status-info-active-primary: #A9898B;
251
+ --asharyu-color-semantic-status-info-active-deep: #7E4F53;
252
+ --asharyu-color-semantic-status-info-active-sharp: #D1BFC0;
253
+ --asharyu-color-semantic-bleed-primary: rgba(253, 250, 244, 0.12);
254
+ --asharyu-color-semantic-bleed-soft: rgba(123, 162, 190, 0.2);
172
255
  }