|
74 | 74 | --custos-purple-500: #8b5cf6; |
75 | 75 | --custos-purple-700: #6d28d9; |
76 | 76 |
|
| 77 | + --custos-orange-50: #fff3e0; |
| 78 | + --custos-orange-100: #ffe0b2; |
| 79 | + --custos-orange-400: #ffa726; |
| 80 | + --custos-orange-500: #fe8c00; |
| 81 | + --custos-orange-700: #b35f00; |
| 82 | + |
77 | 83 | --custos-white: #ffffff; |
78 | 84 |
|
79 | | - --custos-primary: var(--custos-blue-500); |
| 85 | + --custos-primary: var(--custos-orange-500); |
80 | 86 | --custos-primary-foreground: var(--custos-white); |
81 | | - --custos-action: var(--custos-blue-500); |
| 87 | + --custos-action: var(--custos-orange-500); |
82 | 88 | --custos-error: var(--custos-red-600); |
83 | 89 | --custos-success: var(--custos-green-600); |
84 | 90 | --custos-warning: #f59e0b; |
85 | 91 |
|
86 | 92 | /* Brand semantic — distinct from --primary; reserved for active states, |
87 | 93 | links, brand wordmark, progress bar default fill. */ |
88 | | - --brand: var(--custos-blue-500); |
| 94 | + --brand: var(--custos-orange-500); |
89 | 95 | --brand-foreground: #ffffff; |
90 | | - --brand-tint: var(--custos-blue-50); |
| 96 | + --brand-tint: var(--custos-orange-50); |
91 | 97 |
|
92 | 98 | /* Semantic tone tokens — paired bg/fg used by pills, chips, banners. */ |
93 | 99 | --banner-error-bg: var(--custos-red-50); |
|
131 | 137 | --muted: var(--custos-gray-100); |
132 | 138 | /* Pinned to gray-600 — gray-500 on bg-muted is 4.28:1 and fails WCAG AA. */ |
133 | 139 | --muted-foreground: var(--custos-gray-600); |
134 | | - --accent: var(--custos-blue-50); |
135 | | - --accent-foreground: var(--custos-blue-700); |
| 140 | + --accent: var(--custos-gray-100); |
| 141 | + --accent-foreground: var(--custos-gray-900); |
136 | 142 | --destructive: var(--custos-red-600); |
137 | 143 | --destructive-foreground: var(--custos-white); |
138 | 144 | --border: var(--custos-gray-200); |
|
172 | 178 | --card-foreground: var(--custos-gray-50); |
173 | 179 | --popover: var(--custos-gray-800); |
174 | 180 | --popover-foreground: var(--custos-gray-50); |
175 | | - --primary: var(--custos-blue-400); |
176 | | - --primary-foreground: var(--custos-gray-900); |
| 181 | + --primary: var(--custos-gray-700); |
| 182 | + --primary-foreground: var(--custos-gray-50); |
177 | 183 | --secondary: var(--custos-gray-800); |
178 | 184 | --secondary-foreground: var(--custos-gray-50); |
179 | 185 | --muted: var(--custos-gray-800); |
180 | 186 | --muted-foreground: var(--custos-gray-300); |
181 | | - --accent: var(--custos-blue-800); |
182 | | - --accent-foreground: var(--custos-blue-100); |
| 187 | + --accent: var(--custos-gray-700); |
| 188 | + --accent-foreground: var(--custos-gray-50); |
183 | 189 | --destructive: var(--custos-red-500); |
184 | 190 | --destructive-foreground: var(--custos-white); |
185 | 191 | --border: var(--custos-gray-700); |
|
197 | 203 | --sidebar-border: var(--custos-gray-700); |
198 | 204 | --sidebar-ring: var(--custos-blue-400); |
199 | 205 |
|
200 | | - --brand: var(--custos-blue-400); |
| 206 | + --brand: var(--custos-orange-400); |
201 | 207 | --brand-foreground: #ffffff; |
202 | | - --brand-tint: rgba(77, 134, 201, 0.22); |
| 208 | + --brand-tint: rgba(254, 140, 0, 0.22); |
203 | 209 |
|
204 | 210 | --muted-2: var(--custos-gray-700); |
205 | 211 | --border-strong: var(--custos-gray-600); |
|
0 commit comments