ixia-ui-react 1.1.0 → 1.3.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 (5) hide show
  1. package/dist/index.d.mts +495 -309
  2. package/dist/index.mjs +1015 -276
  3. package/dist/index.mjs.map +1 -1
  4. package/dist/styles.css +541 -551
  5. package/package.json +34 -34
package/dist/styles.css CHANGED
@@ -4,580 +4,570 @@
4
4
  @import 'tw-animate-css';
5
5
  @import '@daypicker/react/style.css';
6
6
  @source ".";
7
+
7
8
  @theme static {
8
9
  --color-*: initial;
9
- --color-white: var(--dawn-white);
10
- --color-black: var(--dawn-black);
11
- --color-brand-default: var(--dawn-brand-default);
12
- --color-brand-muted: var(--dawn-brand-muted);
13
- --color-brand-subtle: var(--dawn-brand-subtle);
14
- --color-brand-on-default: var(--dawn-brand-on-default);
15
- --color-brand-container: var(--dawn-brand-container);
16
- --color-brand-container-high: var(--dawn-brand-container-high);
17
- --color-brand-on-container: var(--dawn-brand-on-container);
18
- --color-brand-on-container-muted: var(--dawn-brand-on-container-muted);
19
- --color-brand-border: var(--dawn-brand-border);
20
- --color-brand-border-strong: var(--dawn-brand-border-strong);
21
- --color-brand-shadow: var(--dawn-brand-shadow);
22
- --color-accent-default: var(--dawn-accent-default);
23
- --color-accent-muted: var(--dawn-accent-muted);
24
- --color-accent-subtle: var(--dawn-accent-subtle);
25
- --color-accent-on-default: var(--dawn-accent-on-default);
26
- --color-accent-container: var(--dawn-accent-container);
27
- --color-accent-container-high: var(--dawn-accent-container-high);
28
- --color-accent-on-container: var(--dawn-accent-on-container);
29
- --color-accent-on-container-muted: var(--dawn-accent-on-container-muted);
30
- --color-accent-border: var(--dawn-accent-border);
31
- --color-accent-border-strong: var(--dawn-accent-border-strong);
32
- --color-accent-shadow: var(--dawn-accent-shadow);
33
- --color-neutral-default: var(--dawn-neutral-default);
34
- --color-neutral-muted: var(--dawn-neutral-muted);
35
- --color-neutral-subtle: var(--dawn-neutral-subtle);
36
- --color-neutral-on-default: var(--dawn-neutral-on-default);
37
- --color-neutral-container: var(--dawn-neutral-container);
38
- --color-neutral-container-high: var(--dawn-neutral-container-high);
39
- --color-neutral-on-container: var(--dawn-neutral-on-container);
40
- --color-neutral-on-container-muted: var(--dawn-neutral-on-container-muted);
41
- --color-neutral-border: var(--dawn-neutral-border);
42
- --color-neutral-border-strong: var(--dawn-neutral-border-strong);
43
- --color-neutral-shadow: var(--dawn-neutral-shadow);
44
- --color-error-default: var(--dawn-error-default);
45
- --color-error-muted: var(--dawn-error-muted);
46
- --color-error-subtle: var(--dawn-error-subtle);
47
- --color-error-on-default: var(--dawn-error-on-default);
48
- --color-error-container: var(--dawn-error-container);
49
- --color-error-container-high: var(--dawn-error-container-high);
50
- --color-error-on-container: var(--dawn-error-on-container);
51
- --color-error-on-container-muted: var(--dawn-error-on-container-muted);
52
- --color-error-border: var(--dawn-error-border);
53
- --color-error-border-strong: var(--dawn-error-border-strong);
54
- --color-error-shadow: var(--dawn-error-shadow);
55
- --color-info-default: var(--dawn-info-default);
56
- --color-info-muted: var(--dawn-info-muted);
57
- --color-info-subtle: var(--dawn-info-subtle);
58
- --color-info-on-default: var(--dawn-info-on-default);
59
- --color-info-container: var(--dawn-info-container);
60
- --color-info-container-high: var(--dawn-info-container-high);
61
- --color-info-on-container: var(--dawn-info-on-container);
62
- --color-info-on-container-muted: var(--dawn-info-on-container-muted);
63
- --color-info-border: var(--dawn-info-border);
64
- --color-info-border-strong: var(--dawn-info-border-strong);
65
- --color-info-shadow: var(--dawn-info-shadow);
66
- --color-success-default: var(--dawn-success-default);
67
- --color-success-muted: var(--dawn-success-muted);
68
- --color-success-subtle: var(--dawn-success-subtle);
69
- --color-success-on-default: var(--dawn-success-on-default);
70
- --color-success-container: var(--dawn-success-container);
71
- --color-success-container-high: var(--dawn-success-container-high);
72
- --color-success-on-container: var(--dawn-success-on-container);
73
- --color-success-on-container-muted: var(--dawn-success-on-container-muted);
74
- --color-success-border: var(--dawn-success-border);
75
- --color-success-border-strong: var(--dawn-success-border-strong);
76
- --color-success-shadow: var(--dawn-success-shadow);
77
- --color-warning-default: var(--dawn-warning-default);
78
- --color-warning-muted: var(--dawn-warning-muted);
79
- --color-warning-subtle: var(--dawn-warning-subtle);
80
- --color-warning-on-default: var(--dawn-warning-on-default);
81
- --color-warning-container: var(--dawn-warning-container);
82
- --color-warning-container-high: var(--dawn-warning-container-high);
83
- --color-warning-on-container: var(--dawn-warning-on-container);
84
- --color-warning-on-container-muted: var(--dawn-warning-on-container-muted);
85
- --color-warning-border: var(--dawn-warning-border);
86
- --color-warning-border-strong: var(--dawn-warning-border-strong);
87
- --color-warning-shadow: var(--dawn-warning-shadow);
88
- --color-surface-background: var(--dawn-surface-background);
89
- --color-surface: var(--dawn-surface);
90
- --color-surface-2: var(--dawn-surface-2);
91
- --color-surface-3: var(--dawn-surface-3);
92
- --color-surface-low: var(--dawn-surface-low);
93
- --color-on-surface: var(--dawn-on-surface);
94
- --color-on-surface-variant: var(--dawn-on-surface-variant);
95
- --color-on-surface-muted: var(--dawn-on-surface-muted);
96
- --color-on-surface-disabled: var(--dawn-on-surface-disabled);
97
- --color-border: var(--dawn-border);
98
- --color-border-strong: var(--dawn-border-strong);
99
- --color-surface-inverse: var(--dawn-surface-inverse);
100
- --color-on-surface-inverse: var(--dawn-on-surface-inverse);
101
- --color-surface-focus-ring: var(--dawn-surface-focus-ring);
102
- --color-scrim: var(--dawn-scrim);
103
- --color-shadow: var(--dawn-shadow);
104
- --color-shadow-strong: var(--dawn-shadow-strong);
10
+ --color-white: var(--ixia-white);
11
+ --color-black: var(--ixia-black);
12
+ --color-brand-default: var(--ixia-brand-default);
13
+ --color-brand-muted: var(--ixia-brand-muted);
14
+ --color-brand-subtle: var(--ixia-brand-subtle);
15
+ --color-brand-on-default: var(--ixia-brand-on-default);
16
+ --color-brand-container: var(--ixia-brand-container);
17
+ --color-brand-container-low: var(--ixia-brand-container-low);
18
+ --color-brand-container-high: var(--ixia-brand-container-high);
19
+ --color-brand-on-container: var(--ixia-brand-on-container);
20
+ --color-brand-on-container-muted: var(--ixia-brand-on-container-muted);
21
+ --color-brand-border: var(--ixia-brand-border);
22
+ --color-brand-border-strong: var(--ixia-brand-border-strong);
23
+ --color-brand-shadow: var(--ixia-brand-shadow);
24
+ --color-accent-default: var(--ixia-accent-default);
25
+ --color-accent-muted: var(--ixia-accent-muted);
26
+ --color-accent-subtle: var(--ixia-accent-subtle);
27
+ --color-accent-on-default: var(--ixia-accent-on-default);
28
+ --color-accent-container: var(--ixia-accent-container);
29
+ --color-accent-container-low: var(--ixia-accent-container-low);
30
+ --color-accent-container-high: var(--ixia-accent-container-high);
31
+ --color-accent-on-container: var(--ixia-accent-on-container);
32
+ --color-accent-on-container-muted: var(--ixia-accent-on-container-muted);
33
+ --color-accent-border: var(--ixia-accent-border);
34
+ --color-accent-border-strong: var(--ixia-accent-border-strong);
35
+ --color-accent-shadow: var(--ixia-accent-shadow);
36
+ --color-neutral-default: var(--ixia-neutral-default);
37
+ --color-neutral-muted: var(--ixia-neutral-muted);
38
+ --color-neutral-subtle: var(--ixia-neutral-subtle);
39
+ --color-neutral-on-default: var(--ixia-neutral-on-default);
40
+ --color-neutral-container: var(--ixia-neutral-container);
41
+ --color-neutral-container-high: var(--ixia-neutral-container-high);
42
+ --color-neutral-container-low: var(--ixia-neutral-container-low);
43
+ --color-neutral-on-container: var(--ixia-neutral-on-container);
44
+ --color-neutral-on-container-muted: var(--ixia-neutral-on-container-muted);
45
+ --color-neutral-border: var(--ixia-neutral-border);
46
+ --color-neutral-border-strong: var(--ixia-neutral-border-strong);
47
+ --color-neutral-shadow: var(--ixia-neutral-shadow);
48
+ --color-error-default: var(--ixia-error-default);
49
+ --color-error-muted: var(--ixia-error-muted);
50
+ --color-error-subtle: var(--ixia-error-subtle);
51
+ --color-error-on-default: var(--ixia-error-on-default);
52
+ --color-error-container-low: var(--ixia-error-container-low);
53
+ --color-error-container: var(--ixia-error-container);
54
+ --color-error-container-high: var(--ixia-error-container-high);
55
+ --color-error-on-container: var(--ixia-error-on-container);
56
+ --color-error-on-container-muted: var(--ixia-error-on-container-muted);
57
+ --color-error-border: var(--ixia-error-border);
58
+ --color-error-border-strong: var(--ixia-error-border-strong);
59
+ --color-error-shadow: var(--ixia-error-shadow);
60
+ --color-info-default: var(--ixia-info-default);
61
+ --color-info-muted: var(--ixia-info-muted);
62
+ --color-info-subtle: var(--ixia-info-subtle);
63
+ --color-info-on-default: var(--ixia-info-on-default);
64
+ --color-info-container: var(--ixia-info-container);
65
+ --color-info-container-low: var(--ixia-info-container-low);
66
+ --color-info-container-high: var(--ixia-info-container-high);
67
+ --color-info-on-container: var(--ixia-info-on-container);
68
+ --color-info-on-container-muted: var(--ixia-info-on-container-muted);
69
+ --color-info-border: var(--ixia-info-border);
70
+ --color-info-border-strong: var(--ixia-info-border-strong);
71
+ --color-info-shadow: var(--ixia-info-shadow);
72
+ --color-success-default: var(--ixia-success-default);
73
+ --color-success-muted: var(--ixia-success-muted);
74
+ --color-success-subtle: var(--ixia-success-subtle);
75
+ --color-success-on-default: var(--ixia-success-on-default);
76
+ --color-success-container: var(--ixia-success-container);
77
+ --color-success-container-low: var(--ixia-success-container-low);
78
+ --color-success-container-high: var(--ixia-success-container-high);
79
+ --color-success-on-container: var(--ixia-success-on-container);
80
+ --color-success-on-container-muted: var(--ixia-success-on-container-muted);
81
+ --color-success-border: var(--ixia-success-border);
82
+ --color-success-border-strong: var(--ixia-success-border-strong);
83
+ --color-success-shadow: var(--ixia-success-shadow);
84
+ --color-warning-default: var(--ixia-warning-default);
85
+ --color-warning-muted: var(--ixia-warning-muted);
86
+ --color-warning-subtle: var(--ixia-warning-subtle);
87
+ --color-warning-on-default: var(--ixia-warning-on-default);
88
+ --color-warning-container: var(--ixia-warning-container);
89
+ --color-warning-container-low: var(--ixia-warning-container-low);
90
+ --color-warning-container-high: var(--ixia-warning-container-high);
91
+ --color-warning-on-container: var(--ixia-warning-on-container);
92
+ --color-warning-on-container-muted: var(--ixia-warning-on-container-muted);
93
+ --color-warning-border: var(--ixia-warning-border);
94
+ --color-warning-border-strong: var(--ixia-warning-border-strong);
95
+ --color-warning-shadow: var(--ixia-warning-shadow);
96
+ --color-surface-background: var(--ixia-surface-background);
97
+ --color-surface: var(--ixia-surface);
98
+ --color-surface-2: var(--ixia-surface-2);
99
+ --color-surface-3: var(--ixia-surface-3);
100
+ --color-surface-low: var(--ixia-surface-low);
101
+ --color-on-surface: var(--ixia-on-surface);
102
+ --color-on-surface-variant: var(--ixia-on-surface-variant);
103
+ --color-on-surface-muted: var(--ixia-on-surface-muted);
104
+ --color-on-surface-disabled: var(--ixia-on-surface-disabled);
105
+ --color-border: var(--ixia-border);
106
+ --color-border-strong: var(--ixia-border-strong);
107
+ --color-surface-inverse: var(--ixia-surface-inverse);
108
+ --color-on-surface-inverse: var(--ixia-on-surface-inverse);
109
+ --color-surface-focus-ring: var(--ixia-surface-focus-ring);
110
+ --color-scrim: var(--ixia-scrim);
111
+ --color-shadow: var(--ixia-shadow);
112
+ --color-shadow-strong: var(--ixia-shadow-strong);
105
113
  --shadow-*: initial;
106
- --shadow-2xs: var(--dawn-shadow-2xs);
107
- --shadow-xs: var(--dawn-shadow-xs);
108
- --shadow-sm: var(--dawn-shadow-sm);
109
- --shadow-md: var(--dawn-shadow-md);
110
- --shadow-lg: var(--dawn-shadow-lg);
111
- --shadow-xl: var(--dawn-shadow-xl);
112
- --shadow-2xl: var(--dawn-shadow-2xl);
114
+ --shadow-2xs: var(--ixia-shadow-2xs);
115
+ --shadow-xs: var(--ixia-shadow-xs);
116
+ --shadow-sm: var(--ixia-shadow-sm);
117
+ --shadow-md: var(--ixia-shadow-md);
118
+ --shadow-lg: var(--ixia-shadow-lg);
119
+ --shadow-xl: var(--ixia-shadow-xl);
120
+ --shadow-2xl: var(--ixia-shadow-2xl);
113
121
  --inset-shadow-*: initial;
114
- --inset-shadow-2xs: var(--dawn-inset-shadow-2xs);
115
- --inset-shadow-xs: var(--dawn-inset-shadow-xs);
116
- --inset-shadow-sm: var(--dawn-inset-shadow-sm);
117
- --inset-shadow-md: var(--dawn-inset-shadow-md);
118
- --inset-shadow-lg: var(--dawn-inset-shadow-lg);
119
- --inset-shadow-xl: var(--dawn-inset-shadow-xl);
120
- --inset-shadow-2xl: var(--dawn-inset-shadow-2xl);
122
+ --inset-shadow-2xs: var(--ixia-inset-shadow-2xs);
123
+ --inset-shadow-xs: var(--ixia-inset-shadow-xs);
124
+ --inset-shadow-sm: var(--ixia-inset-shadow-sm);
125
+ --inset-shadow-md: var(--ixia-inset-shadow-md);
126
+ --inset-shadow-lg: var(--ixia-inset-shadow-lg);
127
+ --inset-shadow-xl: var(--ixia-inset-shadow-xl);
128
+ --inset-shadow-2xl: var(--ixia-inset-shadow-2xl);
121
129
  --blur-*: initial;
122
- --blur-2xs: var(--dawn-blur-2xs);
123
- --blur-xs: var(--dawn-blur-xs);
124
- --blur-sm: var(--dawn-blur-sm);
125
- --blur-md: var(--dawn-blur-md);
126
- --blur-lg: var(--dawn-blur-lg);
127
- --blur-xl: var(--dawn-blur-xl);
128
- --blur-2xl: var(--dawn-blur-2xl);
130
+ --blur-2xs: var(--ixia-blur-2xs);
131
+ --blur-xs: var(--ixia-blur-xs);
132
+ --blur-sm: var(--ixia-blur-sm);
133
+ --blur-md: var(--ixia-blur-md);
134
+ --blur-lg: var(--ixia-blur-lg);
135
+ --blur-xl: var(--ixia-blur-xl);
136
+ --blur-2xl: var(--ixia-blur-2xl);
129
137
  --text-*: initial;
130
- --text-xs: var(--dawn-text-xs);
131
- --text-sm: var(--dawn-text-sm);
132
- --text-base: var(--dawn-text-base);
133
- --text-lg: var(--dawn-text-lg);
134
- --text-xl: var(--dawn-text-xl);
135
- --text-2xl: var(--dawn-text-2xl);
136
- --text-3xl: var(--dawn-text-3xl);
137
- --text-4xl: var(--dawn-text-4xl);
138
+ --text-xs: var(--ixia-text-xs);
139
+ --text-sm: var(--ixia-text-sm);
140
+ --text-base: var(--ixia-text-base);
141
+ --text-lg: var(--ixia-text-lg);
142
+ --text-xl: var(--ixia-text-xl);
143
+ --text-2xl: var(--ixia-text-2xl);
144
+ --text-3xl: var(--ixia-text-3xl);
145
+ --text-4xl: var(--ixia-text-4xl);
138
146
  --spacing-*: initial;
139
- --spacing-0: var(--dawn-spacing-0);
140
- --spacing-3xs: var(--dawn-spacing-3xs);
141
- --spacing-2xs: var(--dawn-spacing-2xs);
142
- --spacing-xs: var(--dawn-spacing-xs);
143
- --spacing-sm: var(--dawn-spacing-sm);
144
- --spacing-md: var(--dawn-spacing-md);
145
- --spacing-lg: var(--dawn-spacing-lg);
146
- --spacing-xl: var(--dawn-spacing-xl);
147
- --spacing-2xl: var(--dawn-spacing-2xl);
148
- --spacing-3xl: var(--dawn-spacing-3xl);
149
- --spacing-3xs-2xs: var(--dawn-spacing-3xs-2xs);
150
- --spacing-2xs-xs: var(--dawn-spacing-2xs-xs);
151
- --spacing-xs-sm: var(--dawn-spacing-xs-sm);
152
- --spacing-sm-md: var(--dawn-spacing-sm-md);
153
- --spacing-md-lg: var(--dawn-spacing-md-lg);
154
- --spacing-lg-xl: var(--dawn-spacing-lg-xl);
155
- --spacing-xl-2xl: var(--dawn-spacing-xl-2xl);
156
- --spacing-2xl-3xl: var(--dawn-spacing-2xl-3xl);
157
- --spacing-sm-lg: var(--dawn-spacing-sm-lg);
147
+ --spacing-0: var(--ixia-spacing-0);
148
+ --spacing-3xs: var(--ixia-spacing-3xs);
149
+ --spacing-2xs: var(--ixia-spacing-2xs);
150
+ --spacing-xs: var(--ixia-spacing-xs);
151
+ --spacing-sm: var(--ixia-spacing-sm);
152
+ --spacing-md: var(--ixia-spacing-md);
153
+ --spacing-lg: var(--ixia-spacing-lg);
154
+ --spacing-xl: var(--ixia-spacing-xl);
155
+ --spacing-2xl: var(--ixia-spacing-2xl);
156
+ --spacing-3xl: var(--ixia-spacing-3xl);
157
+ --spacing-3xs-2xs: var(--ixia-spacing-3xs-2xs);
158
+ --spacing-2xs-xs: var(--ixia-spacing-2xs-xs);
159
+ --spacing-xs-sm: var(--ixia-spacing-xs-sm);
160
+ --spacing-sm-md: var(--ixia-spacing-sm-md);
161
+ --spacing-md-lg: var(--ixia-spacing-md-lg);
162
+ --spacing-lg-xl: var(--ixia-spacing-lg-xl);
163
+ --spacing-xl-2xl: var(--ixia-spacing-xl-2xl);
164
+ --spacing-2xl-3xl: var(--ixia-spacing-2xl-3xl);
165
+ --spacing-sm-lg: var(--ixia-spacing-sm-lg);
158
166
  --font-*: initial;
159
- --font-heading: var(--dawn-font-heading);
160
- --font-body: var(--dawn-font-body);
167
+ --font-heading: var(--ixia-font-heading);
168
+ --font-body: var(--ixia-font-body);
161
169
  --border-*: initial;
162
- --border-width-2xs: var(--dawn-border-width-2xs);
163
- --border-width-xs: var(--dawn-border-width-xs);
164
- --border-width-sm: var(--dawn-border-width-sm);
165
- --border-width-md: var(--dawn-border-width-md);
166
- --border-width-lg: var(--dawn-border-width-lg);
167
- --border-width-xl: var(--dawn-border-width-xl);
168
- --border-width-2xl: var(--dawn-border-width-2xl);
170
+ --border-width-2xs: var(--ixia-border-width-2xs);
171
+ --border-width-xs: var(--ixia-border-width-xs);
172
+ --border-width-sm: var(--ixia-border-width-sm);
173
+ --border-width-md: var(--ixia-border-width-md);
174
+ --border-width-lg: var(--ixia-border-width-lg);
175
+ --border-width-xl: var(--ixia-border-width-xl);
176
+ --border-width-2xl: var(--ixia-border-width-2xl);
169
177
  --outline-*: initial;
170
- --outline-width-2xs: var(--dawn-outline-width-2xs);
171
- --outline-width-xs: var(--dawn-outline-width-xs);
172
- --outline-width-sm: var(--dawn-outline-width-sm);
173
- --outline-width-md: var(--dawn-outline-width-md);
174
- --outline-width-lg: var(--dawn-outline-width-lg);
175
- --outline-width-xl: var(--dawn-outline-width-xl);
176
- --outline-width-2xl: var(--dawn-outline-width-2xl);
178
+ --outline-width-2xs: var(--ixia-outline-width-2xs);
179
+ --outline-width-xs: var(--ixia-outline-width-xs);
180
+ --outline-width-sm: var(--ixia-outline-width-sm);
181
+ --outline-width-md: var(--ixia-outline-width-md);
182
+ --outline-width-lg: var(--ixia-outline-width-lg);
183
+ --outline-width-xl: var(--ixia-outline-width-xl);
184
+ --outline-width-2xl: var(--ixia-outline-width-2xl);
177
185
  --radius-*: initial;
178
- --radius-xs: var(--dawn-radius-xs);
179
- --radius-sm: var(--dawn-radius-sm);
180
- --radius-md: var(--dawn-radius-md);
181
- --radius-lg: var(--dawn-radius-lg);
182
- --radius-xl: var(--dawn-radius-xl);
183
- --radius-2xl: var(--dawn-radius-2xl);
184
- --radius-3xl: var(--dawn-radius-3xl);
185
- --radius-4xl: var(--dawn-radius-4xl);
186
- --radius-full: var(--dawn-radius-full);
186
+ --radius-xs: var(--ixia-radius-xs);
187
+ --radius-sm: var(--ixia-radius-sm);
188
+ --radius-md: var(--ixia-radius-md);
189
+ --radius-lg: var(--ixia-radius-lg);
190
+ --radius-xl: var(--ixia-radius-xl);
191
+ --radius-2xl: var(--ixia-radius-2xl);
192
+ --radius-3xl: var(--ixia-radius-3xl);
193
+ --radius-4xl: var(--ixia-radius-4xl);
194
+ --radius-full: var(--ixia-radius-full);
187
195
  --ease-out-bounce: cubic-bezier(0.22, 1.61, 0.57, 1);
188
196
  }
189
197
  :root {
190
198
  color-scheme: light dark;
191
- --white: #ffffffff;
192
- --black: #000000ff;
193
- --amber-50: #fff8edff;
194
- --amber-100: #ffedcaff;
195
- --amber-200: #ffdda0ff;
196
- --amber-300: #ffca6aff;
197
- --amber-400: #fbb34dff;
198
- --amber-500: #f4a340ff;
199
- --amber-600: #dc8428ff;
200
- --amber-700: #b8671fff;
201
- --amber-800: #914e1dff;
202
- --amber-900: #763f1bff;
203
- --amber-950: #43230fff;
204
- --blue-50: #eff7ffff;
205
- --blue-100: #dfefffff;
206
- --blue-200: #b7e0ffff;
207
- --blue-300: #78c8ffff;
208
- --blue-400: #30acffff;
209
- --blue-500: #0590f0ff;
210
- --blue-600: #0073cfff;
211
- --blue-700: #005ba7ff;
212
- --blue-800: #024e8aff;
213
- --blue-900: #084172ff;
214
- --blue-950: #05294cff;
215
- --cyan-50: #ecfcffff;
216
- --cyan-100: #cff7feff;
217
- --cyan-200: #a5effcff;
218
- --cyan-300: #67e4f9ff;
219
- --cyan-400: #22d0eeff;
220
- --cyan-500: #06b6d4ff;
221
- --cyan-600: #0899b2ff;
222
- --cyan-700: #0e7d90ff;
223
- --cyan-800: #156775ff;
224
- --cyan-900: #165863ff;
225
- --cyan-950: #083b44ff;
226
- --emerald-50: #ecfdf7ff;
227
- --emerald-100: #d1faecff;
228
- --emerald-200: #a7f3daff;
229
- --emerald-300: #6ee7bfff;
230
- --emerald-400: #34d39eff;
231
- --emerald-500: #10b981ff;
232
- --emerald-600: #059666ff;
233
- --emerald-700: #047852ff;
234
- --emerald-800: #065f42ff;
235
- --emerald-900: #064e36ff;
236
- --emerald-950: #022c1eff;
237
- --fuchsia-50: #fef4ffff;
238
- --fuchsia-100: #fce8ffff;
239
- --fuchsia-200: #f9d0feff;
240
- --fuchsia-300: #f3abfcff;
241
- --fuchsia-400: #eb79f9ff;
242
- --fuchsia-500: #dc46efff;
243
- --fuchsia-600: #c026d3ff;
244
- --fuchsia-700: #9f1cafff;
245
- --fuchsia-800: #82198fff;
246
- --fuchsia-900: #6b1a75ff;
247
- --fuchsia-950: #46044eff;
248
- --green-50: #f0fdf5ff;
249
- --green-100: #dcfce8ff;
250
- --green-200: #bbf7d1ff;
251
- --green-300: #86efadff;
252
- --green-400: #4ade80ff;
253
- --green-500: #22c55eff;
254
- --green-600: #16a34aff;
255
- --green-700: #15803cff;
256
- --green-800: #166533ff;
257
- --green-900: #14532bff;
258
- --green-950: #052e14ff;
259
- --indigo-50: #eeeeffff;
260
- --indigo-100: #e0e1ffff;
261
- --indigo-200: #c7c8feff;
262
- --indigo-300: #a5a7fcff;
263
- --indigo-400: #8184f8ff;
264
- --indigo-500: #6366f1ff;
265
- --indigo-600: #4649e5ff;
266
- --indigo-700: #383bcaff;
267
- --indigo-800: #3032a3ff;
268
- --indigo-900: #2e3081ff;
269
- --indigo-950: #1b1c4bff;
270
- --lime-50: #f0fdf6ff;
271
- --lime-100: #ddfbebff;
272
- --lime-200: #bdf5d9ff;
273
- --lime-300: #8aebbaff;
274
- --lime-400: #4fd994ff;
275
- --lime-500: #27c074ff;
276
- --lime-600: #1ba05eff;
277
- --lime-700: #197c4bff;
278
- --lime-800: #19623fff;
279
- --lime-900: #165135ff;
280
- --lime-950: #062d1bff;
281
- --neutral-50: #fafafaff;
282
- --neutral-100: #f5f5f5ff;
283
- --neutral-200: #e6e6e6ff;
284
- --neutral-300: #d3d3d3ff;
285
- --neutral-400: #a3a3a3ff;
286
- --neutral-500: #737373ff;
287
- --neutral-600: #535353ff;
288
- --neutral-700: #404040ff;
289
- --neutral-800: #272727ff;
290
- --neutral-900: #1a1a1aff;
291
- --neutral-950: #0b0b0bff;
292
- --orange-50: #fff6edff;
293
- --orange-100: #ffe8d4ff;
294
- --orange-200: #ffd0aeff;
295
- --orange-300: #ffb27cff;
296
- --orange-400: #f99452ff;
297
- --orange-500: #f47b3cff;
298
- --orange-600: #e66022ff;
299
- --orange-700: #c94b1aff;
300
- --orange-800: #a33d1aff;
301
- --orange-900: #853519ff;
302
- --orange-950: #481b0bff;
303
- --pink-50: #fdf4f8ff;
304
- --pink-100: #fbe8f1ff;
305
- --pink-200: #f7d0e1ff;
306
- --pink-300: #f3aeccff;
307
- --pink-400: #ee88b1ff;
308
- --pink-500: #e66a9fff;
309
- --pink-600: #d34c87ff;
310
- --pink-700: #b63870ff;
311
- --pink-800: #96305eff;
312
- --pink-900: #7c2b50ff;
313
- --pink-950: #4b162eff;
314
- --purple-50: #faf6ffff;
315
- --purple-100: #f3e8ffff;
316
- --purple-200: #e9d4ffff;
317
- --purple-300: #d7b2f7ff;
318
- --purple-400: #c18ae7ff;
319
- --purple-500: #a866d1ff;
320
- --purple-600: #8f4cbbff;
321
- --purple-700: #7939a1ff;
322
- --purple-800: #632f84ff;
323
- --purple-900: #51286aff;
324
- --purple-950: #32183fff;
325
- --red-50: #fef2f2ff;
326
- --red-100: #fee2e2ff;
327
- --red-200: #fecacaff;
328
- --red-300: #fca5a5ff;
329
- --red-400: #f87171ff;
330
- --red-500: #ef4444ff;
331
- --red-600: #dc2626ff;
332
- --red-700: #b91c1cff;
333
- --red-800: #991b1bff;
334
- --red-900: #7f1d1dff;
335
- --red-950: #450a0aff;
336
- --rose-50: #fff3f7ff;
337
- --rose-100: #ffe5eeff;
338
- --rose-200: #fdcedfff;
339
- --rose-300: #fbaac6ff;
340
- --rose-400: #f77fa8ff;
341
- --rose-500: #f05b8eff;
342
- --rose-600: #df3f76ff;
343
- --rose-700: #be2d61ff;
344
- --rose-800: #9e2852ff;
345
- --rose-900: #842646ff;
346
- --rose-950: #50142aff;
347
- --sky-50: #f0faffff;
348
- --sky-100: #e0f5feff;
349
- --sky-200: #bae8fdff;
350
- --sky-300: #7dd5fcff;
351
- --sky-400: #38bcf8ff;
352
- --sky-500: #0ea5e9ff;
353
- --sky-600: #028ac7ff;
354
- --sky-700: #0370a1ff;
355
- --sky-800: #075e85ff;
356
- --sky-900: #0c506eff;
357
- --sky-950: #083549ff;
358
- --teal-50: #f0fdfcff;
359
- --teal-100: #ccfbf7ff;
360
- --teal-200: #99f6eeff;
361
- --teal-300: #5eeadeff;
362
- --teal-400: #2dd4c5ff;
363
- --teal-500: #14b8a9ff;
364
- --teal-600: #0d9488ff;
365
- --teal-700: #0f766dff;
366
- --teal-800: #115e57ff;
367
- --teal-900: #134e49ff;
368
- --teal-950: #042f2bff;
369
- --violet-50: #f9f5ffff;
370
- --violet-100: #f1e7ffff;
371
- --violet-200: #e5d3ffff;
372
- --violet-300: #d1b0f7ff;
373
- --violet-400: #b985e9ff;
374
- --violet-500: #9d5fd1ff;
375
- --violet-600: #8b45c6ff;
376
- --violet-700: #7434aaff;
377
- --violet-800: #5e2c89ff;
378
- --violet-900: #4b256dff;
379
- --violet-950: #2d173fff;
380
- --yellow-50: #fff9eaff;
381
- --yellow-100: #fff0c7ff;
382
- --yellow-200: #ffdf8aff;
383
- --yellow-300: #fccc4dff;
384
- --yellow-400: #f5b52fff;
385
- --yellow-500: #e9a11cff;
386
- --yellow-600: #ca8510ff;
387
- --yellow-700: #a66a12ff;
388
- --yellow-800: #875717ff;
389
- --yellow-900: #704a17ff;
390
- --yellow-950: #422c0bff;
391
- --dawn-white: var(--white);
392
- --dawn-black: var(--black);
393
- --dawn-brand-default: light-dark(var(--violet-700), var(--violet-300));
394
- --dawn-brand-muted: light-dark(var(--violet-800), var(--violet-200));
395
- --dawn-brand-subtle: light-dark(var(--violet-100), var(--violet-950));
396
- --dawn-brand-on-default: light-dark(var(--white), var(--neutral-950));
397
- --dawn-brand-container: light-dark(var(--violet-50), var(--violet-950));
398
- --dawn-brand-container-high: light-dark(var(--violet-100), var(--violet-900));
399
- --dawn-brand-on-container: light-dark(var(--violet-900), var(--violet-200));
400
- --dawn-brand-on-container-muted: light-dark(var(--violet-700), var(--violet-300));
401
- --dawn-brand-border: light-dark(var(--violet-300), var(--violet-700));
402
- --dawn-brand-border-strong: light-dark(var(--violet-600), var(--violet-400));
403
- --dawn-brand-shadow: light-dark(rgb(139 69 198 / 25%), rgb(185 133 233 / 35%));
404
- --dawn-accent-default: light-dark(var(--pink-600), var(--pink-300));
405
- --dawn-accent-muted: light-dark(var(--pink-700), var(--pink-200));
406
- --dawn-accent-subtle: light-dark(var(--pink-100), var(--pink-950));
407
- --dawn-accent-on-default: light-dark(var(--white), var(--neutral-950));
408
- --dawn-accent-container: light-dark(var(--pink-50), var(--pink-950));
409
- --dawn-accent-container-high: light-dark(var(--pink-100), var(--pink-900));
410
- --dawn-accent-on-container: light-dark(var(--pink-900), var(--pink-200));
411
- --dawn-accent-on-container-muted: light-dark(var(--pink-700), var(--pink-300));
412
- --dawn-accent-border: light-dark(var(--pink-300), var(--pink-700));
413
- --dawn-accent-border-strong: light-dark(var(--pink-600), var(--pink-400));
414
- --dawn-accent-shadow: light-dark(rgb(211 76 135 / 25%), rgb(238 136 177 / 35%));
415
- --dawn-brand-gradient: linear-gradient(
199
+ /* Primitives. OKLCH source of truth + intended usage: docs/colour-palette.md */
200
+ --white: #ffffff;
201
+ --black: #000000;
202
+ --neutral-50: #fcfaf8;
203
+ --neutral-100: #f7f4f0;
204
+ --neutral-200: #ede8e4;
205
+ --neutral-300: #ded8d2;
206
+ --neutral-400: #c0b9b3;
207
+ --neutral-500: #958d87;
208
+ --neutral-600: #726a65;
209
+ --neutral-700: #554e4a;
210
+ --neutral-800: #36302d;
211
+ --neutral-900: #221d1a;
212
+ --neutral-950: #14110f;
213
+ --red-50: #fff4f2;
214
+ --red-100: #ffe8e4;
215
+ --red-200: #ffd4ce;
216
+ --red-300: #ffb2aa;
217
+ --red-400: #ff9b93;
218
+ --red-500: #f1484c;
219
+ --red-600: #cb1b30;
220
+ --red-700: #af0a29;
221
+ --red-800: #8c0020;
222
+ --red-900: #6b0018;
223
+ --red-950: #4a000f;
224
+ --orange-50: #fff5ec;
225
+ --orange-100: #ffe9d8;
226
+ --orange-200: #ffd7ba;
227
+ --orange-300: #ffb686;
228
+ --orange-400: #ffa065;
229
+ --orange-500: #df6400;
230
+ --orange-600: #b44900;
231
+ --orange-700: #9e3800;
232
+ --orange-800: #802500;
233
+ --orange-900: #661500;
234
+ --orange-950: #490600;
235
+ --amber-50: #fff6e3;
236
+ --amber-100: #ffecc8;
237
+ --amber-200: #fcdaa2;
238
+ --amber-300: #f2bf71;
239
+ --amber-400: #eeac4a;
240
+ --amber-500: #c27d00;
241
+ --amber-600: #9b5f00;
242
+ --amber-700: #864e00;
243
+ --amber-800: #6c3b00;
244
+ --amber-900: #542a00;
245
+ --amber-950: #3b1a00;
246
+ --yellow-50: #fdfbe7;
247
+ --yellow-100: #fcf5ce;
248
+ --yellow-200: #faeaab;
249
+ --yellow-300: #f9dc84;
250
+ --yellow-400: #f6cc5d;
251
+ --yellow-500: #eeb400;
252
+ --yellow-600: #c38e00;
253
+ --yellow-700: #9b6c00;
254
+ --yellow-800: #7d5200;
255
+ --yellow-900: #603c00;
256
+ --yellow-950: #3e2300;
257
+ --lime-50: #f1fbe7;
258
+ --lime-100: #e3f5d0;
259
+ --lime-200: #cfebb0;
260
+ --lime-300: #b1d886;
261
+ --lime-400: #9dcc67;
262
+ --lime-500: #69a100;
263
+ --lime-600: #507e00;
264
+ --lime-700: #426b00;
265
+ --lime-800: #325400;
266
+ --lime-900: #244000;
267
+ --lime-950: #162b00;
268
+ --green-50: #ebfcee;
269
+ --green-100: #d7f8dd;
270
+ --green-200: #bbefc4;
271
+ --green-300: #94dda3;
272
+ --green-400: #78d28d;
273
+ --green-500: #24a854;
274
+ --green-600: #00853c;
275
+ --green-700: #007131;
276
+ --green-800: #005925;
277
+ --green-900: #00431a;
278
+ --green-950: #002d0f;
279
+ --emerald-50: #e9fcf3;
280
+ --emerald-100: #d3f8e7;
281
+ --emerald-200: #b3f0d4;
282
+ --emerald-300: #88deb9;
283
+ --emerald-400: #65d3a8;
284
+ --emerald-500: #00a779;
285
+ --emerald-600: #00835e;
286
+ --emerald-700: #006f4f;
287
+ --emerald-800: #00573d;
288
+ --emerald-900: #00422d;
289
+ --emerald-950: #002c1d;
290
+ --teal-50: #e9fcf7;
291
+ --teal-100: #d3f7ef;
292
+ --teal-200: #b2eee3;
293
+ --teal-300: #86dcce;
294
+ --teal-400: #62d0c2;
295
+ --teal-500: #00a497;
296
+ --teal-600: #008077;
297
+ --teal-700: #006d65;
298
+ --teal-800: #005550;
299
+ --teal-900: #00403d;
300
+ --teal-950: #002b29;
301
+ --cyan-50: #e8fbfe;
302
+ --cyan-100: #d2f5fb;
303
+ --cyan-200: #b2ebf6;
304
+ --cyan-300: #86d8e7;
305
+ --cyan-400: #64cce0;
306
+ --cyan-500: #009fb6;
307
+ --cyan-600: #007c90;
308
+ --cyan-700: #00697b;
309
+ --cyan-800: #005262;
310
+ --cyan-900: #003e4b;
311
+ --cyan-950: #002933;
312
+ --sky-50: #eef9ff;
313
+ --sky-100: #dbf2ff;
314
+ --sky-200: #bde6ff;
315
+ --sky-300: #8cd3fd;
316
+ --sky-400: #6fc5f9;
317
+ --sky-500: #0f98d8;
318
+ --sky-600: #0076ad;
319
+ --sky-700: #006495;
320
+ --sky-800: #004e78;
321
+ --sky-900: #003a5d;
322
+ --sky-950: #002641;
323
+ --blue-50: #f1f8ff;
324
+ --blue-100: #e2efff;
325
+ --blue-200: #cbe2ff;
326
+ --blue-300: #a5ccff;
327
+ --blue-400: #8ebdff;
328
+ --blue-500: #458cf3;
329
+ --blue-600: #296acf;
330
+ --blue-700: #2358b4;
331
+ --blue-800: #1b4491;
332
+ --blue-900: #15326f;
333
+ --blue-950: #0d204e;
334
+ --indigo-50: #f4f6ff;
335
+ --indigo-100: #e8edff;
336
+ --indigo-200: #d5deff;
337
+ --indigo-300: #b8c6ff;
338
+ --indigo-400: #a7b5ff;
339
+ --indigo-500: #737ef9;
340
+ --indigo-600: #585dd4;
341
+ --indigo-700: #4b4db8;
342
+ --indigo-800: #3b3a94;
343
+ --indigo-900: #2d2a71;
344
+ --indigo-950: #1d1b4f;
345
+ --violet-50: #f8f5ff;
346
+ --violet-100: #f0eaff;
347
+ --violet-200: #e4d9ff;
348
+ --violet-300: #d1bbff;
349
+ --violet-400: #c6a8ff;
350
+ --violet-500: #9f70e7;
351
+ --violet-600: #814fc3;
352
+ --violet-700: #6e40a8;
353
+ --violet-800: #573087;
354
+ --violet-900: #422367;
355
+ --violet-950: #2d1548;
356
+ --pink-50: #fff3f9;
357
+ --pink-100: #ffe5f4;
358
+ --pink-200: #ffcfec;
359
+ --pink-300: #fbacdf;
360
+ --pink-400: #f497d6;
361
+ --pink-500: #ce5eaf;
362
+ --pink-600: #a93d90;
363
+ --pink-700: #91317d;
364
+ --pink-800: #732364;
365
+ --pink-900: #57194d;
366
+ --pink-950: #3c0e35;
367
+ --rose-50: #fff4f5;
368
+ --rose-100: #ffe7ea;
369
+ --rose-200: #ffd2d9;
370
+ --rose-300: #ffafbf;
371
+ --rose-400: #ff96af;
372
+ --rose-500: #e45181;
373
+ --rose-600: #be2c65;
374
+ --rose-700: #a42057;
375
+ --rose-800: #831445;
376
+ --rose-900: #640d35;
377
+ --rose-950: #450624;
378
+ /* Semantic tokens: light-dark(light, dark). Mapping + APCA audit: docs/colour-palette.md */
379
+ --ixia-white: var(--white);
380
+ --ixia-black: var(--black);
381
+ --ixia-brand-default: light-dark(var(--orange-600), var(--orange-400));
382
+ --ixia-brand-muted: light-dark(var(--orange-700), var(--orange-300));
383
+ --ixia-brand-subtle: light-dark(var(--orange-50), var(--orange-950));
384
+ --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
385
+ --ixia-brand-container: light-dark(var(--orange-100), var(--orange-950));
386
+ --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
387
+ --ixia-brand-container-high: light-dark(var(--orange-200), var(--orange-900));
388
+ --ixia-brand-on-container: light-dark(var(--orange-900), var(--orange-100));
389
+ --ixia-brand-on-container-muted: light-dark(var(--orange-700), var(--orange-300));
390
+ --ixia-brand-border: light-dark(var(--orange-300), var(--orange-700));
391
+ --ixia-brand-border-strong: var(--orange-500);
392
+ --ixia-brand-shadow: light-dark(#9e380040, #ffa06559);
393
+ --ixia-brand-gradient: linear-gradient(
416
394
  135deg,
417
- #6b2fa3 0%,
418
- #a63f9a 48%,
419
- #e66a9f 78%,
420
- #f4a340 100%
395
+ var(--orange-800) 0%,
396
+ var(--orange-500) 45%,
397
+ var(--amber-400) 78%,
398
+ var(--yellow-300) 100%
421
399
  );
422
- --dawn-brand-gradient-subtle: linear-gradient(
423
- 135deg,
424
- rgb(107 47 163 / 16%),
425
- rgb(196 72 152 / 12%),
426
- rgb(244 163 64 / 8%)
427
- );
428
- --dawn-neutral-default: light-dark(var(--neutral-700), var(--neutral-100));
429
- --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-400));
430
- --dawn-neutral-subtle: light-dark(var(--neutral-200), var(--neutral-800));
431
- --dawn-neutral-on-default: light-dark(var(--white), var(--neutral-950));
432
- --dawn-neutral-container: light-dark(var(--neutral-200), var(--neutral-800));
433
- --dawn-neutral-container-high: light-dark(var(--neutral-300), var(--neutral-700));
434
- --dawn-neutral-on-container: light-dark(var(--neutral-900), var(--neutral-100));
435
- --dawn-neutral-on-container-muted: light-dark(var(--neutral-600), var(--neutral-400));
436
- --dawn-neutral-border: light-dark(var(--neutral-400), var(--neutral-600));
437
- --dawn-neutral-border-strong: light-dark(var(--neutral-500), var(--neutral-400));
438
- --dawn-neutral-shadow: light-dark(rgb(19 14 28 / 18%), rgb(0 0 0 / 35%));
439
- --dawn-error-default: light-dark(var(--red-700), var(--red-400));
440
- --dawn-error-muted: light-dark(var(--red-800), var(--red-300));
441
- --dawn-error-subtle: light-dark(var(--red-100), var(--red-950));
442
- --dawn-error-on-default: light-dark(var(--white), var(--neutral-950));
443
- --dawn-error-container: light-dark(var(--red-50), var(--red-950));
444
- --dawn-error-container-high: light-dark(var(--red-100), var(--red-900));
445
- --dawn-error-on-container: light-dark(var(--red-900), var(--red-200));
446
- --dawn-error-on-container-muted: light-dark(var(--red-700), var(--red-400));
447
- --dawn-error-border: light-dark(var(--red-300), var(--red-700));
448
- --dawn-error-border-strong: light-dark(var(--red-600), var(--red-400));
449
- --dawn-error-shadow: light-dark(rgb(185 28 28 / 25%), rgb(248 113 113 / 40%));
450
- --dawn-info-default: light-dark(var(--cyan-700), var(--cyan-400));
451
- --dawn-info-muted: light-dark(var(--cyan-800), var(--cyan-300));
452
- --dawn-info-subtle: light-dark(var(--cyan-100), var(--cyan-950));
453
- --dawn-info-on-default: light-dark(var(--white), var(--neutral-950));
454
- --dawn-info-container: light-dark(var(--cyan-50), var(--cyan-950));
455
- --dawn-info-container-high: light-dark(var(--cyan-100), var(--cyan-900));
456
- --dawn-info-on-container: light-dark(var(--cyan-900), var(--cyan-200));
457
- --dawn-info-on-container-muted: light-dark(var(--cyan-700), var(--cyan-400));
458
- --dawn-info-border: light-dark(var(--cyan-300), var(--cyan-700));
459
- --dawn-info-border-strong: light-dark(var(--cyan-600), var(--cyan-400));
460
- --dawn-info-shadow: light-dark(rgb(14 125 144 / 25%), rgb(34 208 238 / 40%));
461
- --dawn-success-default: light-dark(var(--green-700), var(--green-400));
462
- --dawn-success-muted: light-dark(var(--green-800), var(--green-300));
463
- --dawn-success-subtle: light-dark(var(--green-100), var(--green-950));
464
- --dawn-success-on-default: light-dark(var(--white), var(--neutral-950));
465
- --dawn-success-container: light-dark(var(--green-50), var(--green-950));
466
- --dawn-success-container-high: light-dark(var(--green-100), var(--green-900));
467
- --dawn-success-on-container: light-dark(var(--green-900), var(--green-200));
468
- --dawn-success-on-container-muted: light-dark(var(--green-700), var(--green-400));
469
- --dawn-success-border: light-dark(var(--green-300), var(--green-700));
470
- --dawn-success-border-strong: light-dark(var(--green-600), var(--green-400));
471
- --dawn-success-shadow: light-dark(rgb(21 128 60 / 25%), rgb(74 222 128 / 40%));
472
- --dawn-warning-default: light-dark(var(--orange-700), var(--amber-400));
473
- --dawn-warning-muted: light-dark(var(--orange-800), var(--amber-300));
474
- --dawn-warning-subtle: light-dark(var(--orange-100), var(--amber-950));
475
- --dawn-warning-on-default: light-dark(var(--white), var(--neutral-950));
476
- --dawn-warning-container: light-dark(var(--orange-50), var(--amber-950));
477
- --dawn-warning-container-high: light-dark(var(--orange-100), var(--amber-900));
478
- --dawn-warning-on-container: light-dark(var(--orange-900), var(--amber-200));
479
- --dawn-warning-on-container-muted: light-dark(var(--orange-700), var(--amber-400));
480
- --dawn-warning-border: light-dark(var(--orange-300), var(--amber-700));
481
- --dawn-warning-border-strong: light-dark(var(--orange-600), var(--amber-400));
482
- --dawn-warning-shadow: light-dark(rgb(201 75 26 / 25%), rgb(251 179 77 / 40%));
483
- --dawn-surface-background: light-dark(var(--neutral-50), var(--neutral-950));
484
- --dawn-surface: light-dark(var(--white), var(--neutral-900));
485
- --dawn-surface-2: light-dark(var(--white), var(--neutral-800));
486
- --dawn-surface-3: light-dark(var(--white), var(--neutral-700));
487
- --dawn-surface-low: light-dark(var(--neutral-200), var(--black));
488
- --dawn-on-surface: light-dark(var(--neutral-900), var(--neutral-50));
489
- --dawn-on-surface-variant: light-dark(var(--neutral-600), var(--neutral-400));
490
- --dawn-on-surface-muted: light-dark(var(--neutral-400), var(--neutral-600));
491
- --dawn-on-surface-disabled: light-dark(var(--neutral-300), var(--neutral-700));
492
- --dawn-border: light-dark(var(--neutral-200), var(--neutral-800));
493
- --dawn-border-strong: light-dark(var(--neutral-400), var(--neutral-600));
494
- --dawn-surface-inverse: light-dark(var(--neutral-900), var(--neutral-100));
495
- --dawn-on-surface-inverse: light-dark(var(--neutral-100), var(--neutral-900));
496
- --dawn-surface-focus-ring: var(--dawn-brand-default);
497
- --dawn-scrim: light-dark(rgb(28 23 32 / 80%), rgb(0 0 0 / 80%));
498
- --dawn-shadow: light-dark(rgb(19 14 28 / 30%), rgb(0 0 0 / 25%));
499
- --dawn-shadow-strong: light-dark(rgb(19 14 28 / 20%), rgb(0 0 0 / 40%));
500
- --dawn-font-heading: 'Manrope', sans-serif;
501
- --dawn-font-body: 'Inter', sans-serif;
502
- --dawn-text-xs: clamp(0.5208rem, 0.4721rem + 0.2167vw, 0.64rem);
503
- --dawn-text-sm: clamp(0.625rem, 0.5534rem + 0.3182vw, 0.8rem);
504
- --dawn-text-base: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
505
- --dawn-text-lg: clamp(0.9rem, 0.7568rem + 0.6364vw, 1.25rem);
506
- --dawn-text-xl: clamp(1.08rem, 0.8826rem + 0.8773vw, 1.5625rem);
507
- --dawn-text-2xl: clamp(1.296rem, 1.0272rem + 1.1948vw, 1.9531rem);
508
- --dawn-text-3xl: clamp(1.5552rem, 1.1927rem + 1.6113vw, 2.4414rem);
509
- --dawn-text-4xl: clamp(1.8662rem, 1.3813rem + 2.1555vw, 3.0518rem);
510
- --dawn-spacing-0: 0rem;
511
- --dawn-spacing-3xs: clamp(0.1875rem, 0.1619rem + 0.1136vw, 0.25rem);
512
- --dawn-spacing-2xs: clamp(0.375rem, 0.3239rem + 0.2273vw, 0.5rem);
513
- --dawn-spacing-xs: clamp(0.5625rem, 0.4858rem + 0.3409vw, 0.75rem);
514
- --dawn-spacing-sm: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
515
- --dawn-spacing-md: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
516
- --dawn-spacing-lg: clamp(1.5rem, 1.2955rem + 0.9091vw, 2rem);
517
- --dawn-spacing-xl: clamp(2.25rem, 1.9432rem + 1.3636vw, 3rem);
518
- --dawn-spacing-2xl: clamp(3rem, 2.5909rem + 1.8182vw, 4rem);
519
- --dawn-spacing-3xl: clamp(4.5rem, 3.8864rem + 2.7273vw, 6rem);
520
- --dawn-spacing-3xs-2xs: clamp(0.1875rem, 0.0597rem + 0.5682vw, 0.5rem);
521
- --dawn-spacing-2xs-xs: clamp(0.375rem, 0.2216rem + 0.6818vw, 0.75rem);
522
- --dawn-spacing-xs-sm: clamp(0.5625rem, 0.3835rem + 0.7955vw, 1rem);
523
- --dawn-spacing-sm-md: clamp(0.75rem, 0.4432rem + 1.3636vw, 1.5rem);
524
- --dawn-spacing-md-lg: clamp(1.125rem, 0.767rem + 1.5909vw, 2rem);
525
- --dawn-spacing-lg-xl: clamp(1.5rem, 0.8864rem + 2.7273vw, 3rem);
526
- --dawn-spacing-xl-2xl: clamp(2.25rem, 1.5341rem + 3.1818vw, 4rem);
527
- --dawn-spacing-2xl-3xl: clamp(3rem, 1.7727rem + 5.4545vw, 6rem);
528
- --dawn-spacing-sm-lg: clamp(0.75rem, 0.2386rem + 2.2727vw, 2rem);
529
- --dawn-blur-2xs: 4px;
530
- --dawn-blur-xs: 8px;
531
- --dawn-blur-sm: 12px;
532
- --dawn-blur-md: 16px;
533
- --dawn-blur-lg: 20px;
534
- --dawn-blur-xl: 24px;
535
- --dawn-blur-2xl: 32px;
536
- --dawn-shadow-2xs: 0px 1px 2px;
537
- --dawn-shadow-xs: 0px 2px 4px;
538
- --dawn-shadow-sm: 0px 3px 6px;
539
- --dawn-shadow-md: 0px 6px 10px;
540
- --dawn-shadow-lg: 0px 10px 18px;
541
- --dawn-shadow-xl: 0px 16px 24px;
542
- --dawn-shadow-2xl: 0px 24px 32px;
543
- --dawn-inset-shadow-2xs: inset 0px 1px 2px var(--dawn-shadow);
544
- --dawn-inset-shadow-xs: inset 0px 2px 4px var(--dawn-shadow);
545
- --dawn-inset-shadow-sm: inset 0px 4px 6px var(--dawn-shadow);
546
- --dawn-inset-shadow-md: inset 0px 6px 10px var(--dawn-shadow);
547
- --dawn-inset-shadow-lg: inset 0px 10px 16px var(--dawn-shadow);
548
- --dawn-inset-shadow-xl: inset 0px 12px 24px var(--dawn-shadow);
549
- --dawn-inset-shadow-2xl: inset 0px 16px 32px var(--dawn-shadow);
550
- --dawn-border-width-xs: 1px;
551
- --dawn-border-width-sm: 2px;
552
- --dawn-border-width-md: 3px;
553
- --dawn-border-width-lg: 4px;
554
- --dawn-border-width-xl: 6px;
555
- --dawn-border-width-2xl: 8px;
556
- --dawn-outline-width-xs: 1px;
557
- --dawn-outline-width-sm: 2px;
558
- --dawn-outline-width-md: 3px;
559
- --dawn-outline-width-lg: 4px;
560
- --dawn-outline-width-xl: 6px;
561
- --dawn-outline-width-2xl: 8px;
562
- --dawn-radius-xs: 2px;
563
- --dawn-radius-sm: 4px;
564
- --dawn-radius-md: 6px;
565
- --dawn-radius-lg: 8px;
566
- --dawn-radius-xl: 12px;
567
- --dawn-radius-2xl: 16px;
568
- --dawn-radius-3xl: 24px;
569
- --dawn-radius-4xl: 32px;
570
- --dawn-radius-full: 9999px;
400
+ --ixia-brand-gradient-subtle: linear-gradient(135deg, #df640029, #eeac4a1f, #f9dc8414);
401
+ --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
402
+ --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
403
+ --ixia-accent-subtle: light-dark(var(--teal-50), var(--teal-950));
404
+ --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
405
+ --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
406
+ --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
407
+ --ixia-accent-container-high: light-dark(var(--teal-200), var(--teal-900));
408
+ --ixia-accent-on-container: light-dark(var(--teal-900), var(--teal-100));
409
+ --ixia-accent-on-container-muted: light-dark(var(--teal-700), var(--teal-300));
410
+ --ixia-accent-border: light-dark(var(--teal-300), var(--teal-700));
411
+ --ixia-accent-border-strong: var(--teal-500);
412
+ --ixia-accent-shadow: light-dark(#006d6540, #62d0c259);
413
+ --ixia-neutral-default: light-dark(var(--neutral-800), var(--neutral-100));
414
+ --ixia-neutral-muted: light-dark(var(--neutral-900), var(--neutral-200));
415
+ --ixia-neutral-subtle: light-dark(var(--neutral-100), var(--neutral-800));
416
+ --ixia-neutral-on-default: light-dark(var(--white), var(--neutral-950));
417
+ --ixia-neutral-container: light-dark(var(--neutral-100), var(--neutral-800));
418
+ --ixia-neutral-container-low: light-dark(var(--neutral-100), var(--neutral-900));
419
+ --ixia-neutral-container-high: light-dark(var(--neutral-200), var(--neutral-700));
420
+ --ixia-neutral-on-container: light-dark(var(--neutral-900), var(--neutral-50));
421
+ --ixia-neutral-on-container-muted: light-dark(var(--neutral-600), var(--neutral-300));
422
+ --ixia-neutral-border: light-dark(var(--neutral-400), var(--neutral-600));
423
+ --ixia-neutral-border-strong: light-dark(var(--neutral-500), var(--neutral-400));
424
+ --ixia-neutral-shadow: light-dark(#14110f2e, #00000059);
425
+ --ixia-error-default: light-dark(var(--red-600), var(--red-400));
426
+ --ixia-error-muted: light-dark(var(--red-700), var(--red-300));
427
+ --ixia-error-subtle: light-dark(var(--red-50), var(--red-950));
428
+ --ixia-error-on-default: light-dark(var(--white), var(--neutral-950));
429
+ --ixia-error-container: light-dark(var(--red-100), var(--red-950));
430
+ --ixia-error-container-low: light-dark(var(--white), var(--neutral-950));
431
+ --ixia-error-container-high: light-dark(var(--red-200), var(--red-900));
432
+ --ixia-error-on-container: light-dark(var(--red-900), var(--red-100));
433
+ --ixia-error-on-container-muted: light-dark(var(--red-700), var(--red-300));
434
+ --ixia-error-border: light-dark(var(--red-300), var(--red-700));
435
+ --ixia-error-border-strong: var(--red-500);
436
+ --ixia-error-shadow: light-dark(#af0a2940, #ff9b9359);
437
+ --ixia-info-default: light-dark(var(--blue-600), var(--blue-400));
438
+ --ixia-info-muted: light-dark(var(--blue-700), var(--blue-300));
439
+ --ixia-info-subtle: light-dark(var(--blue-50), var(--blue-950));
440
+ --ixia-info-on-default: light-dark(var(--white), var(--neutral-950));
441
+ --ixia-info-container: light-dark(var(--blue-100), var(--blue-950));
442
+ --ixia-info-container-low: light-dark(var(--white), var(--neutral-950));
443
+ --ixia-info-container-high: light-dark(var(--blue-200), var(--blue-900));
444
+ --ixia-info-on-container: light-dark(var(--blue-900), var(--blue-100));
445
+ --ixia-info-on-container-muted: light-dark(var(--blue-700), var(--blue-300));
446
+ --ixia-info-border: light-dark(var(--blue-300), var(--blue-700));
447
+ --ixia-info-border-strong: var(--blue-500);
448
+ --ixia-info-shadow: light-dark(#2358b440, #8ebdff59);
449
+ --ixia-success-default: light-dark(var(--green-600), var(--green-400));
450
+ --ixia-success-muted: light-dark(var(--green-700), var(--green-300));
451
+ --ixia-success-subtle: light-dark(var(--green-50), var(--green-950));
452
+ --ixia-success-on-default: light-dark(var(--white), var(--neutral-950));
453
+ --ixia-success-container: light-dark(var(--green-100), var(--green-950));
454
+ --ixia-success-container-low: light-dark(var(--white), var(--neutral-950));
455
+ --ixia-success-container-high: light-dark(var(--green-200), var(--green-900));
456
+ --ixia-success-on-container: light-dark(var(--green-900), var(--green-100));
457
+ --ixia-success-on-container-muted: light-dark(var(--green-700), var(--green-300));
458
+ --ixia-success-border: light-dark(var(--green-300), var(--green-700));
459
+ --ixia-success-border-strong: var(--green-500);
460
+ --ixia-success-shadow: light-dark(#00713140, #78d28d59);
461
+ --ixia-warning-default: light-dark(var(--amber-600), var(--amber-400));
462
+ --ixia-warning-muted: light-dark(var(--amber-700), var(--amber-300));
463
+ --ixia-warning-subtle: light-dark(var(--amber-50), var(--amber-950));
464
+ --ixia-warning-on-default: light-dark(var(--white), var(--neutral-950));
465
+ --ixia-warning-container: light-dark(var(--amber-100), var(--amber-950));
466
+ --ixia-warning-container-low: light-dark(var(--white), var(--neutral-950));
467
+ --ixia-warning-container-high: light-dark(var(--amber-200), var(--amber-900));
468
+ --ixia-warning-on-container: light-dark(var(--amber-900), var(--amber-100));
469
+ --ixia-warning-on-container-muted: light-dark(var(--amber-700), var(--amber-300));
470
+ --ixia-warning-border: light-dark(var(--amber-300), var(--amber-700));
471
+ --ixia-warning-border-strong: var(--amber-500);
472
+ --ixia-warning-shadow: light-dark(#864e0040, #eeac4a59);
473
+ --ixia-surface-background: light-dark(var(--neutral-50), var(--neutral-950));
474
+ --ixia-surface: light-dark(var(--white), var(--neutral-900));
475
+ --ixia-surface-2: light-dark(var(--white), var(--neutral-800));
476
+ --ixia-surface-3: light-dark(var(--white), var(--neutral-700));
477
+ --ixia-surface-low: light-dark(var(--neutral-200), var(--black));
478
+ --ixia-on-surface: light-dark(var(--neutral-900), var(--neutral-50));
479
+ --ixia-on-surface-variant: light-dark(var(--neutral-700), var(--neutral-200));
480
+ --ixia-on-surface-muted: light-dark(var(--neutral-600), var(--neutral-300));
481
+ --ixia-on-surface-disabled: light-dark(var(--neutral-400), var(--neutral-600));
482
+ --ixia-border: light-dark(var(--neutral-300), var(--neutral-600));
483
+ --ixia-border-strong: light-dark(var(--neutral-500), var(--neutral-400));
484
+ --ixia-surface-inverse: light-dark(var(--neutral-900), var(--neutral-100));
485
+ --ixia-on-surface-inverse: light-dark(var(--neutral-50), var(--neutral-900));
486
+ --ixia-surface-focus-ring: var(--ixia-brand-default);
487
+ --ixia-scrim: light-dark(#14110fcc, #000000cc);
488
+ --ixia-shadow: light-dark(#14110f4d, #00000066);
489
+ --ixia-shadow-strong: light-dark(#14110f73, #00000099);
490
+ --ixia-font-heading: 'Manrope', sans-serif;
491
+ --ixia-font-body: 'Inter', sans-serif;
492
+ --ixia-text-xs: clamp(0.5208rem, 0.4721rem + 0.2167vw, 0.64rem);
493
+ --ixia-text-sm: clamp(0.625rem, 0.5534rem + 0.3182vw, 0.8rem);
494
+ --ixia-text-base: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
495
+ --ixia-text-lg: clamp(0.9rem, 0.7568rem + 0.6364vw, 1.25rem);
496
+ --ixia-text-xl: clamp(1.08rem, 0.8826rem + 0.8773vw, 1.5625rem);
497
+ --ixia-text-2xl: clamp(1.296rem, 1.0272rem + 1.1948vw, 1.9531rem);
498
+ --ixia-text-3xl: clamp(1.5552rem, 1.1927rem + 1.6113vw, 2.4414rem);
499
+ --ixia-text-4xl: clamp(1.8662rem, 1.3813rem + 2.1555vw, 3.0518rem);
500
+ --ixia-spacing-0: 0rem;
501
+ --ixia-spacing-3xs: clamp(0.1875rem, 0.1875rem + 0vw, 0.1875rem);
502
+ --ixia-spacing-2xs: clamp(0.3125rem, 0.2869rem + 0.1136vw, 0.375rem);
503
+ --ixia-spacing-xs: clamp(0.5rem, 0.4744rem + 0.1136vw, 0.5625rem);
504
+ --ixia-spacing-sm: clamp(0.625rem, 0.5739rem + 0.2273vw, 0.75rem);
505
+ --ixia-spacing-md: clamp(0.9375rem, 0.8608rem + 0.3409vw, 1.125rem);
506
+ --ixia-spacing-lg: clamp(1.25rem, 1.1477rem + 0.4545vw, 1.5rem);
507
+ --ixia-spacing-xl: clamp(1.875rem, 1.7216rem + 0.6818vw, 2.25rem);
508
+ --ixia-spacing-2xl: clamp(2.5rem, 2.2955rem + 0.9091vw, 3rem);
509
+ --ixia-spacing-3xl: clamp(3.75rem, 3.4432rem + 1.3636vw, 4.5rem);
510
+ --ixia-spacing-3xs-2xs: clamp(0.1875rem, 0.1108rem + 0.3409vw, 0.375rem);
511
+ --ixia-spacing-2xs-xs: clamp(0.3125rem, 0.2102rem + 0.4545vw, 0.5625rem);
512
+ --ixia-spacing-xs-sm: clamp(0.5rem, 0.3977rem + 0.4545vw, 0.75rem);
513
+ --ixia-spacing-sm-md: clamp(0.625rem, 0.4205rem + 0.9091vw, 1.125rem);
514
+ --ixia-spacing-md-lg: clamp(0.9375rem, 0.7074rem + 1.0227vw, 1.5rem);
515
+ --ixia-spacing-lg-xl: clamp(1.25rem, 0.8409rem + 1.8182vw, 2.25rem);
516
+ --ixia-spacing-xl-2xl: clamp(1.875rem, 1.4148rem + 2.0455vw, 3rem);
517
+ --ixia-spacing-2xl-3xl: clamp(2.5rem, 1.6818rem + 3.6364vw, 4.5rem);
518
+ --ixia-spacing-sm-lg: clamp(0.625rem, 0.267rem + 1.5909vw, 1.5rem);
519
+ --ixia-blur-2xs: 4px;
520
+ --ixia-blur-xs: 8px;
521
+ --ixia-blur-sm: 12px;
522
+ --ixia-blur-md: 16px;
523
+ --ixia-blur-lg: 20px;
524
+ --ixia-blur-xl: 24px;
525
+ --ixia-blur-2xl: 32px;
526
+ --ixia-shadow-2xs: 0px 1px 2px;
527
+ --ixia-shadow-xs: 0px 2px 4px;
528
+ --ixia-shadow-sm: 0px 3px 6px;
529
+ --ixia-shadow-md: 0px 6px 10px;
530
+ --ixia-shadow-lg: 0px 10px 18px;
531
+ --ixia-shadow-xl: 0px 16px 24px;
532
+ --ixia-shadow-2xl: 0px 24px 32px;
533
+ --ixia-inset-shadow-2xs: inset 0px 1px 2px var(--ixia-shadow);
534
+ --ixia-inset-shadow-xs: inset 0px 2px 4px var(--ixia-shadow);
535
+ --ixia-inset-shadow-sm: inset 0px 4px 6px var(--ixia-shadow);
536
+ --ixia-inset-shadow-md: inset 0px 6px 10px var(--ixia-shadow);
537
+ --ixia-inset-shadow-lg: inset 0px 10px 16px var(--ixia-shadow);
538
+ --ixia-inset-shadow-xl: inset 0px 12px 24px var(--ixia-shadow);
539
+ --ixia-inset-shadow-2xl: inset 0px 16px 32px var(--ixia-shadow);
540
+ --ixia-border-width-xs: 1px;
541
+ --ixia-border-width-sm: 2px;
542
+ --ixia-border-width-md: 3px;
543
+ --ixia-border-width-lg: 4px;
544
+ --ixia-border-width-xl: 6px;
545
+ --ixia-border-width-2xl: 8px;
546
+ --ixia-outline-width-xs: 1px;
547
+ --ixia-outline-width-sm: 2px;
548
+ --ixia-outline-width-md: 3px;
549
+ --ixia-outline-width-lg: 4px;
550
+ --ixia-outline-width-xl: 6px;
551
+ --ixia-outline-width-2xl: 8px;
552
+ --ixia-radius-xs: 2px;
553
+ --ixia-radius-sm: 4px;
554
+ --ixia-radius-md: 6px;
555
+ --ixia-radius-lg: 8px;
556
+ --ixia-radius-xl: 12px;
557
+ --ixia-radius-2xl: 16px;
558
+ --ixia-radius-3xl: 24px;
559
+ --ixia-radius-4xl: 32px;
560
+ --ixia-radius-full: 9999px;
571
561
  }
562
+
572
563
  [data-theme='light'] {
573
564
  color-scheme: light;
574
565
  }
566
+
575
567
  [data-theme='dark'] {
576
568
  color-scheme: dark;
577
569
  }
578
- [data-theme='dark'] .shiki span {
579
- color: var(--shiki-dark) !important;
580
- }
570
+
581
571
  @layer base {
582
572
  * {
583
573
  box-sizing: border-box;
@@ -615,7 +605,7 @@
615
605
  }
616
606
  }
617
607
  @utility shadow-* {
618
- box-shadow: --value(--shadow-*) var(--dawn-shadow);
608
+ box-shadow: --value(--shadow-*) var(--ixia-shadow);
619
609
  }
620
610
  @utility style-text-default-5 {
621
611
  font-family: var(--font-body);