-
Notifications
You must be signed in to change notification settings - Fork 118
/
halfmoon.css
19196 lines (15623 loc) · 437 KB
/
halfmoon.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
@charset "UTF-8";
/*!
* ----------------------------------------------------------------------------
* Halfmoon CSS
* Version: 2.0.1
* https://www.gethalfmoon.com
* Copyright (c) 2023, Tahmid Khan
* Licensed under MIT (https://www.gethalfmoon.com/license)
* ----------------------------------------------------------------------------
* The above notice must be included in its entirety when this file is used.
*/
/*!
* The following notice(s) is/are provided to honor the licenses of 3rd party
* software used to build Halfmoon.
* ----------------------------------------------------------------------------
* Bootstrap (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* ----------------------------------------------------------------------------
*/
/**
* ----------------------------------------------------------------------------
* [ SVGs ]
* ----------------------------------------------------------------------------
*/
:root,
[data-bs-theme=light] {
--bs-checkbox-svg-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
--bs-checkbox-svg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
--bs-dash-svg-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
--bs-dash-svg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
--bs-radio-svg-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
--bs-radio-svg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23222'/%3e%3c/svg%3e");
--bs-switch-svg-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
--bs-switch-svg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23222'/%3e%3c/svg%3e");
--bs-switch-svg-unchecked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bcbec2'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] {
--bs-switch-svg-unchecked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23494b50'/%3e%3c/svg%3e");
}
/**
* ----------------------------------------------------------------------------
* [ Color palette ]
* ----------------------------------------------------------------------------
*/
:root,
[data-bs-theme=light] {
/* Black */
--bs-black-hsl: 0, 0%, 0%;
--bs-black: hsl(var(--bs-black-hsl));
/* White */
--bs-white-hsl: 0, 0%, 100%;
--bs-white: hsl(var(--bs-white-hsl));
/* Gray */
--bs-mistyrose-hue: 0;
--bs-mistyrose-saturation: 5%;
--bs-stone-hue: 25;
--bs-stone-saturation: 5%;
--bs-sand-hue: 60;
--bs-sand-saturation: 5%;
--bs-sage-hue: 152;
--bs-sage-saturation: 6%;
--bs-slate-hue: 214.3;
--bs-slate-saturation: 12.3%;
--bs-neutral-hue: 218;
--bs-neutral-saturation: 5%;
--bs-zinc-hue: 240;
--bs-zinc-saturation: 4%;
--bs-mauve-hue: 331;
--bs-mauve-saturation: 7.5%;
/* Light gray */
--bs-lightgray-hue: var(--bs-neutral-hue);
--bs-lightgray-saturation: var(--bs-neutral-saturation);
--bs-lightgray-100-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 97.5%;
--bs-lightgray-200-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 95%;
--bs-lightgray-300-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 92.5%;
--bs-lightgray-400-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 90%;
--bs-lightgray-500-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 87.5%;
--bs-lightgray-600-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 85%;
--bs-lightgray-700-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 80%;
--bs-lightgray-800-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 75%;
--bs-lightgray-900-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 70%;
--bs-lightgray-100: hsl(var(--bs-lightgray-100-hsl));
--bs-lightgray-200: hsl(var(--bs-lightgray-200-hsl));
--bs-lightgray-300: hsl(var(--bs-lightgray-300-hsl));
--bs-lightgray-400: hsl(var(--bs-lightgray-400-hsl));
--bs-lightgray-500: hsl(var(--bs-lightgray-500-hsl));
--bs-lightgray-600: hsl(var(--bs-lightgray-600-hsl));
--bs-lightgray-700: hsl(var(--bs-lightgray-700-hsl));
--bs-lightgray-800: hsl(var(--bs-lightgray-800-hsl));
--bs-lightgray-900: hsl(var(--bs-lightgray-900-hsl));
--bs-lightgray-hsl: var(--bs-lightgray-500-hsl);
--bs-lightgray: hsl(var(--bs-lightgray-hsl));
--bs-lightgray-foreground-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 10%;
--bs-lightgray-foreground: hsl(var(--bs-lightgray-foreground-hsl));
--bs-lightgray-text-emphasis-hsl: var(--bs-lightgray-600-hsl);
--bs-lightgray-text-emphasis: hsl(var(--bs-lightgray-text-emphasis-hsl));
--bs-lightgray-hover-bg: var(--bs-lightgray-400);
--bs-lightgray-active-bg: var(--bs-lightgray-300);
--bs-lightgray-bg-subtle: hsl(var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 97.5%);
--bs-lightgray-border-subtle: var(--bs-lightgray-400);
--bs-lightgray-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-lightgray-dash-svg: var(--bs-dash-svg-dark);
--bs-lightgray-radio-svg: var(--bs-radio-svg-dark);
--bs-lightgray-switch-svg: var(--bs-switch-svg-dark);
/* Gray */
--bs-gray-hue: var(--bs-lightgray-hue);
--bs-gray-saturation: var(--bs-lightgray-saturation);
--bs-gray-100-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 85%;
--bs-gray-200-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 75%;
--bs-gray-300-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 65%;
--bs-gray-400-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 55%;
--bs-gray-500-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 45%;
--bs-gray-600-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 40%;
--bs-gray-700-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 35%;
--bs-gray-800-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 30%;
--bs-gray-900-hsl: var(--bs-gray-hue), var(--bs-gray-saturation), 25%;
--bs-gray-100: hsl(var(--bs-gray-100-hsl));
--bs-gray-200: hsl(var(--bs-gray-200-hsl));
--bs-gray-300: hsl(var(--bs-gray-300-hsl));
--bs-gray-400: hsl(var(--bs-gray-400-hsl));
--bs-gray-500: hsl(var(--bs-gray-500-hsl));
--bs-gray-600: hsl(var(--bs-gray-600-hsl));
--bs-gray-700: hsl(var(--bs-gray-700-hsl));
--bs-gray-800: hsl(var(--bs-gray-800-hsl));
--bs-gray-900: hsl(var(--bs-gray-900-hsl));
--bs-gray-hsl: var(--bs-gray-500-hsl);
--bs-gray: hsl(var(--bs-gray-hsl));
--bs-gray-foreground-hsl: var(--bs-white-hsl);
--bs-gray-foreground: hsl(var(--bs-gray-foreground-hsl));
--bs-gray-text-emphasis-hsl: var(--bs-gray-600-hsl);
--bs-gray-text-emphasis: hsl(var(--bs-gray-text-emphasis-hsl));
--bs-gray-hover-bg: var(--bs-gray-600);
--bs-gray-active-bg: var(--bs-gray-700);
--bs-gray-bg-subtle: hsl(var(--bs-gray-hue), var(--bs-gray-saturation), 95%);
--bs-gray-border-subtle: var(--bs-gray-400);
--bs-gray-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-gray-dash-svg: var(--bs-dash-svg-light);
--bs-gray-radio-svg: var(--bs-radio-svg-light);
--bs-gray-switch-svg: var(--bs-switch-svg-light);
/* Dark gray */
--bs-darkgray-hue: var(--bs-slate-hue);
--bs-darkgray-saturation: var(--bs-slate-saturation);
--bs-darkgray-100-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 75%;
--bs-darkgray-200-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 65%;
--bs-darkgray-300-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 55%;
--bs-darkgray-400-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 45%;
--bs-darkgray-500-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 35%;
--bs-darkgray-600-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 30%;
--bs-darkgray-700-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 25%;
--bs-darkgray-800-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 20%;
--bs-darkgray-900-hsl: var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 17.5%;
--bs-darkgray-100: hsl(var(--bs-darkgray-100-hsl));
--bs-darkgray-200: hsl(var(--bs-darkgray-200-hsl));
--bs-darkgray-300: hsl(var(--bs-darkgray-300-hsl));
--bs-darkgray-400: hsl(var(--bs-darkgray-400-hsl));
--bs-darkgray-500: hsl(var(--bs-darkgray-500-hsl));
--bs-darkgray-600: hsl(var(--bs-darkgray-600-hsl));
--bs-darkgray-700: hsl(var(--bs-darkgray-700-hsl));
--bs-darkgray-800: hsl(var(--bs-darkgray-800-hsl));
--bs-darkgray-900: hsl(var(--bs-darkgray-900-hsl));
--bs-darkgray-hsl: var(--bs-darkgray-500-hsl);
--bs-darkgray: hsl(var(--bs-darkgray-hsl));
--bs-darkgray-foreground-hsl: var(--bs-white-hsl);
--bs-darkgray-foreground: hsl(var(--bs-darkgray-foreground-hsl));
--bs-darkgray-text-emphasis-hsl: var(--bs-darkgray-600-hsl);
--bs-darkgray-text-emphasis: hsl(var(--bs-darkgray-text-emphasis-hsl));
--bs-darkgray-hover-bg: var(--bs-darkgray-600);
--bs-darkgray-active-bg: var(--bs-darkgray-700);
--bs-darkgray-bg-subtle: hsl(var(--bs-darkgray-hue), var(--bs-darkgray-saturation), 80%);
--bs-darkgray-border-subtle: var(--bs-darkgray-400);
--bs-darkgray-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-darkgray-dash-svg: var(--bs-dash-svg-light);
--bs-darkgray-radio-svg: var(--bs-radio-svg-light);
--bs-darkgray-switch-svg: var(--bs-switch-svg-light);
/* Sable (almost black) */
--bs-sable-hue: var(--bs-darkgray-hue);
--bs-sable-saturation: var(--bs-darkgray-saturation);
--bs-sable-100-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 28%;
--bs-sable-200-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 26%;
--bs-sable-300-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 24%;
--bs-sable-400-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 22%;
--bs-sable-500-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 20%;
--bs-sable-600-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 18%;
--bs-sable-700-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 16%;
--bs-sable-800-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 15%;
--bs-sable-900-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 14%;
--bs-sable-100: hsl(var(--bs-sable-100-hsl));
--bs-sable-200: hsl(var(--bs-sable-200-hsl));
--bs-sable-300: hsl(var(--bs-sable-300-hsl));
--bs-sable-400: hsl(var(--bs-sable-400-hsl));
--bs-sable-500: hsl(var(--bs-sable-500-hsl));
--bs-sable-600: hsl(var(--bs-sable-600-hsl));
--bs-sable-700: hsl(var(--bs-sable-700-hsl));
--bs-sable-800: hsl(var(--bs-sable-800-hsl));
--bs-sable-900: hsl(var(--bs-sable-900-hsl));
--bs-sable-hsl: var(--bs-sable-500-hsl);
--bs-sable: hsl(var(--bs-sable-hsl));
--bs-sable-foreground-hsl: var(--bs-white-hsl);
--bs-sable-foreground: hsl(var(--bs-sable-foreground-hsl));
--bs-sable-text-emphasis-hsl: var(--bs-sable-600-hsl);
--bs-sable-text-emphasis: hsl(var(--bs-sable-text-emphasis-hsl));
--bs-sable-hover-bg: var(--bs-sable-600);
--bs-sable-active-bg: var(--bs-sable-700);
--bs-sable-bg-subtle: hsl(var(--bs-sable-hue), var(--bs-sable-saturation), 70%);
--bs-sable-border-subtle: var(--bs-sable-400);
--bs-sable-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-sable-dash-svg: var(--bs-dash-svg-light);
--bs-sable-radio-svg: var(--bs-radio-svg-light);
--bs-sable-switch-svg: var(--bs-switch-svg-light);
/* Red */
--bs-red-hue: 0;
--bs-red-saturation: 67.5%;
--bs-red-100-hsl: var(--bs-red-hue), var(--bs-red-saturation), 90%;
--bs-red-200-hsl: var(--bs-red-hue), var(--bs-red-saturation), 80%;
--bs-red-300-hsl: var(--bs-red-hue), var(--bs-red-saturation), 70%;
--bs-red-400-hsl: var(--bs-red-hue), var(--bs-red-saturation), 60%;
--bs-red-500-hsl: var(--bs-red-hue), var(--bs-red-saturation), 50%;
--bs-red-600-hsl: var(--bs-red-hue), var(--bs-red-saturation), 40%;
--bs-red-700-hsl: var(--bs-red-hue), var(--bs-red-saturation), 30%;
--bs-red-800-hsl: var(--bs-red-hue), var(--bs-red-saturation), 20%;
--bs-red-900-hsl: var(--bs-red-hue), var(--bs-red-saturation), 10%;
--bs-red-100: hsl(var(--bs-red-100-hsl));
--bs-red-200: hsl(var(--bs-red-200-hsl));
--bs-red-300: hsl(var(--bs-red-300-hsl));
--bs-red-400: hsl(var(--bs-red-400-hsl));
--bs-red-500: hsl(var(--bs-red-500-hsl));
--bs-red-600: hsl(var(--bs-red-600-hsl));
--bs-red-700: hsl(var(--bs-red-700-hsl));
--bs-red-800: hsl(var(--bs-red-800-hsl));
--bs-red-900: hsl(var(--bs-red-900-hsl));
--bs-red-hsl: var(--bs-red-500-hsl);
--bs-red: hsl(var(--bs-red-hsl));
--bs-red-foreground-hsl: var(--bs-white-hsl);
--bs-red-foreground: hsl(var(--bs-red-foreground-hsl));
--bs-red-text-emphasis-hsl: var(--bs-red-600-hsl);
--bs-red-text-emphasis: hsl(var(--bs-red-text-emphasis-hsl));
--bs-red-hover-bg: var(--bs-red-600);
--bs-red-active-bg: var(--bs-red-700);
--bs-red-bg-subtle: hsl(var(--bs-red-hue), var(--bs-red-saturation), 95%);
--bs-red-border-subtle: var(--bs-red-400);
--bs-red-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-red-dash-svg: var(--bs-dash-svg-light);
--bs-red-radio-svg: var(--bs-radio-svg-light);
--bs-red-switch-svg: var(--bs-switch-svg-light);
/* Orange */
--bs-orange-hue: 17;
--bs-orange-saturation: 88%;
--bs-orange-100-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 90%;
--bs-orange-200-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 80%;
--bs-orange-300-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 70%;
--bs-orange-400-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 60%;
--bs-orange-500-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 50%;
--bs-orange-600-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 40%;
--bs-orange-700-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 30%;
--bs-orange-800-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 20%;
--bs-orange-900-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 10%;
--bs-orange-100: hsl(var(--bs-orange-100-hsl));
--bs-orange-200: hsl(var(--bs-orange-200-hsl));
--bs-orange-300: hsl(var(--bs-orange-300-hsl));
--bs-orange-400: hsl(var(--bs-orange-400-hsl));
--bs-orange-500: hsl(var(--bs-orange-500-hsl));
--bs-orange-600: hsl(var(--bs-orange-600-hsl));
--bs-orange-700: hsl(var(--bs-orange-700-hsl));
--bs-orange-800: hsl(var(--bs-orange-800-hsl));
--bs-orange-900: hsl(var(--bs-orange-900-hsl));
--bs-orange-hsl: var(--bs-orange-hue), var(--bs-orange-saturation), 44%;
--bs-orange: hsl(var(--bs-orange-hsl));
--bs-orange-foreground-hsl: var(--bs-white-hsl);
--bs-orange-foreground: hsl(var(--bs-orange-foreground-hsl));
--bs-orange-text-emphasis-hsl: var(--bs-orange-600-hsl);
--bs-orange-text-emphasis: hsl(var(--bs-orange-text-emphasis-hsl));
--bs-orange-hover-bg: var(--bs-orange-600);
--bs-orange-active-bg: var(--bs-orange-700);
--bs-orange-bg-subtle: hsl(var(--bs-orange-hue), var(--bs-orange-saturation), 95%);
--bs-orange-border-subtle: var(--bs-orange-400);
--bs-orange-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-orange-dash-svg: var(--bs-dash-svg-light);
--bs-orange-radio-svg: var(--bs-radio-svg-light);
--bs-orange-switch-svg: var(--bs-switch-svg-light);
/* Sienna (burnt orange) */
--bs-sienna-hue: 25;
--bs-sienna-saturation: 50%;
--bs-sienna-100-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 90%;
--bs-sienna-200-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 80%;
--bs-sienna-300-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 70%;
--bs-sienna-400-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 60%;
--bs-sienna-500-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 50%;
--bs-sienna-600-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 40%;
--bs-sienna-700-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 30%;
--bs-sienna-800-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 20%;
--bs-sienna-900-hsl: var(--bs-sienna-hue), var(--bs-sienna-saturation), 10%;
--bs-sienna-100: hsl(var(--bs-sienna-100-hsl));
--bs-sienna-200: hsl(var(--bs-sienna-200-hsl));
--bs-sienna-300: hsl(var(--bs-sienna-300-hsl));
--bs-sienna-400: hsl(var(--bs-sienna-400-hsl));
--bs-sienna-500: hsl(var(--bs-sienna-500-hsl));
--bs-sienna-600: hsl(var(--bs-sienna-600-hsl));
--bs-sienna-700: hsl(var(--bs-sienna-700-hsl));
--bs-sienna-800: hsl(var(--bs-sienna-800-hsl));
--bs-sienna-900: hsl(var(--bs-sienna-900-hsl));
--bs-sienna-hsl: var(--bs-sienna-600-hsl);
--bs-sienna: hsl(var(--bs-sienna-hsl));
--bs-sienna-foreground-hsl: var(--bs-white-hsl);
--bs-sienna-foreground: hsl(var(--bs-sienna-foreground-hsl));
--bs-sienna-text-emphasis-hsl: var(--bs-sienna-700-hsl);
--bs-sienna-text-emphasis: hsl(var(--bs-sienna-text-emphasis-hsl));
--bs-sienna-hover-bg: var(--bs-sienna-700);
--bs-sienna-active-bg: var(--bs-sienna-800);
--bs-sienna-bg-subtle: hsl(var(--bs-sienna-hue), var(--bs-sienna-saturation), 95%);
--bs-sienna-border-subtle: var(--bs-sienna-400);
--bs-sienna-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-sienna-dash-svg: var(--bs-dash-svg-light);
--bs-sienna-radio-svg: var(--bs-radio-svg-light);
--bs-sienna-switch-svg: var(--bs-switch-svg-light);
/* Amber */
--bs-amber-hue: 38;
--bs-amber-saturation: 92%;
--bs-amber-100-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 90%;
--bs-amber-200-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 80%;
--bs-amber-300-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 70%;
--bs-amber-400-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 60%;
--bs-amber-500-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 50%;
--bs-amber-600-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 40%;
--bs-amber-700-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 30%;
--bs-amber-800-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 20%;
--bs-amber-900-hsl: var(--bs-amber-hue), var(--bs-amber-saturation), 10%;
--bs-amber-100: hsl(var(--bs-amber-100-hsl));
--bs-amber-200: hsl(var(--bs-amber-200-hsl));
--bs-amber-300: hsl(var(--bs-amber-300-hsl));
--bs-amber-400: hsl(var(--bs-amber-400-hsl));
--bs-amber-500: hsl(var(--bs-amber-500-hsl));
--bs-amber-600: hsl(var(--bs-amber-600-hsl));
--bs-amber-700: hsl(var(--bs-amber-700-hsl));
--bs-amber-800: hsl(var(--bs-amber-800-hsl));
--bs-amber-900: hsl(var(--bs-amber-900-hsl));
--bs-amber-hsl: var(--bs-amber-500-hsl);
--bs-amber: hsl(var(--bs-amber-hsl));
--bs-amber-foreground-hsl: var(--bs-amber-900-hsl);
--bs-amber-foreground: hsl(var(--bs-amber-foreground-hsl));
--bs-amber-text-emphasis-hsl: var(--bs-amber-700-hsl);
--bs-amber-text-emphasis: hsl(var(--bs-amber-text-emphasis-hsl));
--bs-amber-hover-bg: var(--bs-amber-400);
--bs-amber-active-bg: var(--bs-amber-300);
--bs-amber-bg-subtle: hsl(var(--bs-amber-hue), var(--bs-amber-saturation), 95%);
--bs-amber-border-subtle: var(--bs-amber-400);
--bs-amber-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-amber-dash-svg: var(--bs-dash-svg-dark);
--bs-amber-radio-svg: var(--bs-radio-svg-dark);
--bs-amber-switch-svg: var(--bs-switch-svg-dark);
/* Yellow */
--bs-yellow-hue: 50;
--bs-yellow-saturation: 93%;
--bs-yellow-100-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 90%;
--bs-yellow-200-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 80%;
--bs-yellow-300-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 70%;
--bs-yellow-400-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 60%;
--bs-yellow-500-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 50%;
--bs-yellow-600-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 40%;
--bs-yellow-700-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 30%;
--bs-yellow-800-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 20%;
--bs-yellow-900-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 10%;
--bs-yellow-100: hsl(var(--bs-yellow-100-hsl));
--bs-yellow-200: hsl(var(--bs-yellow-200-hsl));
--bs-yellow-300: hsl(var(--bs-yellow-300-hsl));
--bs-yellow-400: hsl(var(--bs-yellow-400-hsl));
--bs-yellow-500: hsl(var(--bs-yellow-500-hsl));
--bs-yellow-600: hsl(var(--bs-yellow-600-hsl));
--bs-yellow-700: hsl(var(--bs-yellow-700-hsl));
--bs-yellow-800: hsl(var(--bs-yellow-800-hsl));
--bs-yellow-900: hsl(var(--bs-yellow-900-hsl));
--bs-yellow-hsl: var(--bs-yellow-500-hsl);
--bs-yellow: hsl(var(--bs-yellow-hsl));
--bs-yellow-foreground-hsl: var(--bs-yellow-900-hsl);
--bs-yellow-foreground: hsl(var(--bs-yellow-foreground-hsl));
--bs-yellow-text-emphasis-hsl: var(--bs-yellow-hue), var(--bs-yellow-saturation), 25%;
--bs-yellow-text-emphasis: hsl(var(--bs-yellow-text-emphasis-hsl));
--bs-yellow-hover-bg: var(--bs-yellow-400);
--bs-yellow-active-bg: var(--bs-yellow-300);
--bs-yellow-bg-subtle: hsl(var(--bs-yellow-hue), var(--bs-yellow-saturation), 95%);
--bs-yellow-border-subtle: var(--bs-yellow-400);
--bs-yellow-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-yellow-dash-svg: var(--bs-dash-svg-dark);
--bs-yellow-radio-svg: var(--bs-radio-svg-dark);
--bs-yellow-switch-svg: var(--bs-switch-svg-dark);
/* Lime */
--bs-lime-hue: 83;
--bs-lime-saturation: 78%;
--bs-lime-100-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 90%;
--bs-lime-200-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 80%;
--bs-lime-300-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 70%;
--bs-lime-400-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 60%;
--bs-lime-500-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 50%;
--bs-lime-600-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 40%;
--bs-lime-700-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 30%;
--bs-lime-800-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 20%;
--bs-lime-900-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 10%;
--bs-lime-100: hsl(var(--bs-lime-100-hsl));
--bs-lime-200: hsl(var(--bs-lime-200-hsl));
--bs-lime-300: hsl(var(--bs-lime-300-hsl));
--bs-lime-400: hsl(var(--bs-lime-400-hsl));
--bs-lime-500: hsl(var(--bs-lime-500-hsl));
--bs-lime-600: hsl(var(--bs-lime-600-hsl));
--bs-lime-700: hsl(var(--bs-lime-700-hsl));
--bs-lime-800: hsl(var(--bs-lime-800-hsl));
--bs-lime-900: hsl(var(--bs-lime-900-hsl));
--bs-lime-hsl: var(--bs-lime-500-hsl);
--bs-lime: hsl(var(--bs-lime-hsl));
--bs-lime-foreground-hsl: var(--bs-lime-900-hsl);
--bs-lime-foreground: hsl(var(--bs-lime-foreground-hsl));
--bs-lime-text-emphasis-hsl: var(--bs-lime-hue), var(--bs-lime-saturation), 27.5%;
--bs-lime-text-emphasis: hsl(var(--bs-lime-text-emphasis-hsl));
--bs-lime-hover-bg: var(--bs-lime-400);
--bs-lime-active-bg: var(--bs-lime-300);
--bs-lime-bg-subtle: hsl(var(--bs-lime-hue), var(--bs-lime-saturation), 95%);
--bs-lime-border-subtle: var(--bs-lime-400);
--bs-lime-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-lime-dash-svg: var(--bs-dash-svg-dark);
--bs-lime-radio-svg: var(--bs-radio-svg-dark);
--bs-lime-switch-svg: var(--bs-switch-svg-dark);
/* Green */
--bs-green-hue: 145;
--bs-green-saturation: 52%;
--bs-green-100-hsl: var(--bs-green-hue), var(--bs-green-saturation), 90%;
--bs-green-200-hsl: var(--bs-green-hue), var(--bs-green-saturation), 80%;
--bs-green-300-hsl: var(--bs-green-hue), var(--bs-green-saturation), 70%;
--bs-green-400-hsl: var(--bs-green-hue), var(--bs-green-saturation), 60%;
--bs-green-500-hsl: var(--bs-green-hue), var(--bs-green-saturation), 50%;
--bs-green-600-hsl: var(--bs-green-hue), var(--bs-green-saturation), 40%;
--bs-green-700-hsl: var(--bs-green-hue), var(--bs-green-saturation), 30%;
--bs-green-800-hsl: var(--bs-green-hue), var(--bs-green-saturation), 20%;
--bs-green-900-hsl: var(--bs-green-hue), var(--bs-green-saturation), 10%;
--bs-green-100: hsl(var(--bs-green-100-hsl));
--bs-green-200: hsl(var(--bs-green-200-hsl));
--bs-green-300: hsl(var(--bs-green-300-hsl));
--bs-green-400: hsl(var(--bs-green-400-hsl));
--bs-green-500: hsl(var(--bs-green-500-hsl));
--bs-green-600: hsl(var(--bs-green-600-hsl));
--bs-green-700: hsl(var(--bs-green-700-hsl));
--bs-green-800: hsl(var(--bs-green-800-hsl));
--bs-green-900: hsl(var(--bs-green-900-hsl));
--bs-green-hsl: var(--bs-green-hue), var(--bs-green-saturation), 34%;
--bs-green: hsl(var(--bs-green-hsl));
--bs-green-foreground-hsl: var(--bs-white-hsl);
--bs-green-foreground: hsl(var(--bs-green-foreground-hsl));
--bs-green-text-emphasis-hsl: var(--bs-green-700-hsl);
--bs-green-text-emphasis: hsl(var(--bs-green-text-emphasis-hsl));
--bs-green-hover-bg: var(--bs-green-700);
--bs-green-active-bg: var(--bs-green-800);
--bs-green-bg-subtle: hsl(var(--bs-green-hue), var(--bs-green-saturation), 95%);
--bs-green-border-subtle: var(--bs-green-400);
--bs-green-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-green-dash-svg: var(--bs-dash-svg-light);
--bs-green-radio-svg: var(--bs-radio-svg-light);
--bs-green-switch-svg: var(--bs-switch-svg-light);
/* Emerald */
--bs-emerald-hue: 160;
--bs-emerald-saturation: 84%;
--bs-emerald-100-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 90%;
--bs-emerald-200-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 80%;
--bs-emerald-300-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 70%;
--bs-emerald-400-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 60%;
--bs-emerald-500-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 50%;
--bs-emerald-600-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 40%;
--bs-emerald-700-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 30%;
--bs-emerald-800-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 20%;
--bs-emerald-900-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 10%;
--bs-emerald-100: hsl(var(--bs-emerald-100-hsl));
--bs-emerald-200: hsl(var(--bs-emerald-200-hsl));
--bs-emerald-300: hsl(var(--bs-emerald-300-hsl));
--bs-emerald-400: hsl(var(--bs-emerald-400-hsl));
--bs-emerald-500: hsl(var(--bs-emerald-500-hsl));
--bs-emerald-600: hsl(var(--bs-emerald-600-hsl));
--bs-emerald-700: hsl(var(--bs-emerald-700-hsl));
--bs-emerald-800: hsl(var(--bs-emerald-800-hsl));
--bs-emerald-900: hsl(var(--bs-emerald-900-hsl));
--bs-emerald-hsl: var(--bs-emerald-500-hsl);
--bs-emerald: hsl(var(--bs-emerald-hsl));
--bs-emerald-foreground-hsl: var(--bs-emerald-900-hsl);
--bs-emerald-foreground: hsl(var(--bs-emerald-foreground-hsl));
--bs-emerald-text-emphasis-hsl: var(--bs-emerald-hue), var(--bs-emerald-saturation), 27.5%;
--bs-emerald-text-emphasis: hsl(var(--bs-emerald-text-emphasis-hsl));
--bs-emerald-hover-bg: var(--bs-emerald-400);
--bs-emerald-active-bg: var(--bs-emerald-300);
--bs-emerald-bg-subtle: hsl(var(--bs-emerald-hue), var(--bs-emerald-saturation), 95%);
--bs-emerald-border-subtle: var(--bs-emerald-400);
--bs-emerald-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-emerald-dash-svg: var(--bs-dash-svg-dark);
--bs-emerald-radio-svg: var(--bs-radio-svg-dark);
--bs-emerald-switch-svg: var(--bs-switch-svg-dark);
/* Turquoise */
--bs-turquoise-hue: 168;
--bs-turquoise-saturation: 52%;
--bs-turquoise-100-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 90%;
--bs-turquoise-200-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 80%;
--bs-turquoise-300-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 70%;
--bs-turquoise-400-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 60%;
--bs-turquoise-500-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 50%;
--bs-turquoise-600-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 40%;
--bs-turquoise-700-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 30%;
--bs-turquoise-800-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 20%;
--bs-turquoise-900-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 10%;
--bs-turquoise-100: hsl(var(--bs-turquoise-100-hsl));
--bs-turquoise-200: hsl(var(--bs-turquoise-200-hsl));
--bs-turquoise-300: hsl(var(--bs-turquoise-300-hsl));
--bs-turquoise-400: hsl(var(--bs-turquoise-400-hsl));
--bs-turquoise-500: hsl(var(--bs-turquoise-500-hsl));
--bs-turquoise-600: hsl(var(--bs-turquoise-600-hsl));
--bs-turquoise-700: hsl(var(--bs-turquoise-700-hsl));
--bs-turquoise-800: hsl(var(--bs-turquoise-800-hsl));
--bs-turquoise-900: hsl(var(--bs-turquoise-900-hsl));
--bs-turquoise-hsl: var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 34%;
--bs-turquoise: hsl(var(--bs-turquoise-hsl));
--bs-turquoise-foreground-hsl: var(--bs-white-hsl);
--bs-turquoise-foreground: hsl(var(--bs-turquoise-foreground-hsl));
--bs-turquoise-text-emphasis-hsl: var(--bs-turquoise-700-hsl);
--bs-turquoise-text-emphasis: hsl(var(--bs-turquoise-text-emphasis-hsl));
--bs-turquoise-hover-bg: var(--bs-turquoise-700);
--bs-turquoise-active-bg: var(--bs-turquoise-800);
--bs-turquoise-bg-subtle: hsl(var(--bs-turquoise-hue), var(--bs-turquoise-saturation), 95%);
--bs-turquoise-border-subtle: var(--bs-turquoise-400);
--bs-turquoise-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-turquoise-dash-svg: var(--bs-dash-svg-light);
--bs-turquoise-radio-svg: var(--bs-radio-svg-light);
--bs-turquoise-switch-svg: var(--bs-switch-svg-light);
/* Teal */
--bs-teal-hue: 173;
--bs-teal-saturation: 80%;
--bs-teal-100-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 90%;
--bs-teal-200-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 80%;
--bs-teal-300-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 70%;
--bs-teal-400-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 60%;
--bs-teal-500-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 50%;
--bs-teal-600-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 40%;
--bs-teal-700-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 30%;
--bs-teal-800-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 20%;
--bs-teal-900-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 10%;
--bs-teal-100: hsl(var(--bs-teal-100-hsl));
--bs-teal-200: hsl(var(--bs-teal-200-hsl));
--bs-teal-300: hsl(var(--bs-teal-300-hsl));
--bs-teal-400: hsl(var(--bs-teal-400-hsl));
--bs-teal-500: hsl(var(--bs-teal-500-hsl));
--bs-teal-600: hsl(var(--bs-teal-600-hsl));
--bs-teal-700: hsl(var(--bs-teal-700-hsl));
--bs-teal-800: hsl(var(--bs-teal-800-hsl));
--bs-teal-900: hsl(var(--bs-teal-900-hsl));
--bs-teal-hsl: var(--bs-teal-500-hsl);
--bs-teal: hsl(var(--bs-teal-hsl));
--bs-teal-foreground-hsl: var(--bs-teal-900-hsl);
--bs-teal-foreground: hsl(var(--bs-teal-foreground-hsl));
--bs-teal-text-emphasis-hsl: var(--bs-teal-hue), var(--bs-teal-saturation), 27.5%;
--bs-teal-text-emphasis: hsl(var(--bs-teal-text-emphasis-hsl));
--bs-teal-hover-bg: var(--bs-teal-400);
--bs-teal-active-bg: var(--bs-teal-300);
--bs-teal-bg-subtle: hsl(var(--bs-teal-hue), var(--bs-teal-saturation), 95%);
--bs-teal-border-subtle: var(--bs-teal-400);
--bs-teal-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-teal-dash-svg: var(--bs-dash-svg-dark);
--bs-teal-radio-svg: var(--bs-radio-svg-dark);
--bs-teal-switch-svg: var(--bs-switch-svg-dark);
/* Cyan */
--bs-cyan-hue: 189;
--bs-cyan-saturation: 94%;
--bs-cyan-100-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 90%;
--bs-cyan-200-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 80%;
--bs-cyan-300-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 70%;
--bs-cyan-400-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 60%;
--bs-cyan-500-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 50%;
--bs-cyan-600-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 40%;
--bs-cyan-700-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 30%;
--bs-cyan-800-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 20%;
--bs-cyan-900-hsl: var(--bs-cyan-hue), var(--bs-cyan-saturation), 10%;
--bs-cyan-100: hsl(var(--bs-cyan-100-hsl));
--bs-cyan-200: hsl(var(--bs-cyan-200-hsl));
--bs-cyan-300: hsl(var(--bs-cyan-300-hsl));
--bs-cyan-400: hsl(var(--bs-cyan-400-hsl));
--bs-cyan-500: hsl(var(--bs-cyan-500-hsl));
--bs-cyan-600: hsl(var(--bs-cyan-600-hsl));
--bs-cyan-700: hsl(var(--bs-cyan-700-hsl));
--bs-cyan-800: hsl(var(--bs-cyan-800-hsl));
--bs-cyan-900: hsl(var(--bs-cyan-900-hsl));
--bs-cyan-hsl: var(--bs-cyan-500-hsl);
--bs-cyan: hsl(var(--bs-cyan-hsl));
--bs-cyan-foreground-hsl: var(--bs-cyan-900-hsl);
--bs-cyan-foreground: hsl(var(--bs-cyan-foreground-hsl));
--bs-cyan-text-emphasis-hsl: var(--bs-cyan-700-hsl);
--bs-cyan-text-emphasis: hsl(var(--bs-cyan-text-emphasis-hsl));
--bs-cyan-hover-bg: var(--bs-cyan-400);
--bs-cyan-active-bg: var(--bs-cyan-300);
--bs-cyan-bg-subtle: hsl(var(--bs-cyan-hue), var(--bs-cyan-saturation), 95%);
--bs-cyan-border-subtle: var(--bs-cyan-400);
--bs-cyan-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-cyan-dash-svg: var(--bs-dash-svg-dark);
--bs-cyan-radio-svg: var(--bs-radio-svg-dark);
--bs-cyan-switch-svg: var(--bs-switch-svg-dark);
/* Sky */
--bs-sky-hue: 198;
--bs-sky-saturation: 100%;
--bs-sky-100-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 90%;
--bs-sky-200-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 80%;
--bs-sky-300-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 70%;
--bs-sky-400-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 60%;
--bs-sky-500-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 50%;
--bs-sky-600-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 40%;
--bs-sky-700-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 30%;
--bs-sky-800-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 20%;
--bs-sky-900-hsl: var(--bs-sky-hue), var(--bs-sky-saturation), 10%;
--bs-sky-100: hsl(var(--bs-sky-100-hsl));
--bs-sky-200: hsl(var(--bs-sky-200-hsl));
--bs-sky-300: hsl(var(--bs-sky-300-hsl));
--bs-sky-400: hsl(var(--bs-sky-400-hsl));
--bs-sky-500: hsl(var(--bs-sky-500-hsl));
--bs-sky-600: hsl(var(--bs-sky-600-hsl));
--bs-sky-700: hsl(var(--bs-sky-700-hsl));
--bs-sky-800: hsl(var(--bs-sky-800-hsl));
--bs-sky-900: hsl(var(--bs-sky-900-hsl));
--bs-sky-hsl: var(--bs-sky-500-hsl);
--bs-sky: hsl(var(--bs-sky-hsl));
--bs-sky-foreground-hsl: var(--bs-sky-900-hsl);
--bs-sky-foreground: hsl(var(--bs-sky-foreground-hsl));
--bs-sky-text-emphasis-hsl: var(--bs-sky-700-hsl);
--bs-sky-text-emphasis: hsl(var(--bs-sky-text-emphasis-hsl));
--bs-sky-hover-bg: var(--bs-sky-400);
--bs-sky-active-bg: var(--bs-sky-300);
--bs-sky-bg-subtle: hsl(var(--bs-sky-hue), var(--bs-sky-saturation), 95%);
--bs-sky-border-subtle: var(--bs-sky-400);
--bs-sky-checkbox-svg: var(--bs-checkbox-svg-dark);
--bs-sky-dash-svg: var(--bs-dash-svg-dark);
--bs-sky-radio-svg: var(--bs-radio-svg-dark);
--bs-sky-switch-svg: var(--bs-switch-svg-dark);
/* Blue */
--bs-blue-hue: 216;
--bs-blue-saturation: 100%;
--bs-blue-100-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 90%;
--bs-blue-200-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 80%;
--bs-blue-300-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 70%;
--bs-blue-400-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 60%;
--bs-blue-500-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 50%;
--bs-blue-600-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 40%;
--bs-blue-700-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 30%;
--bs-blue-800-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 20%;
--bs-blue-900-hsl: var(--bs-blue-hue), var(--bs-blue-saturation), 10%;
--bs-blue-100: hsl(var(--bs-blue-100-hsl));
--bs-blue-200: hsl(var(--bs-blue-200-hsl));
--bs-blue-300: hsl(var(--bs-blue-300-hsl));
--bs-blue-400: hsl(var(--bs-blue-400-hsl));
--bs-blue-500: hsl(var(--bs-blue-500-hsl));
--bs-blue-600: hsl(var(--bs-blue-600-hsl));
--bs-blue-700: hsl(var(--bs-blue-700-hsl));
--bs-blue-800: hsl(var(--bs-blue-800-hsl));
--bs-blue-900: hsl(var(--bs-blue-900-hsl));
--bs-blue-hsl: var(--bs-blue-500-hsl);
--bs-blue: hsl(var(--bs-blue-hsl));
--bs-blue-foreground-hsl: var(--bs-white-hsl);
--bs-blue-foreground: hsl(var(--bs-blue-foreground-hsl));
--bs-blue-text-emphasis-hsl: var(--bs-blue-600-hsl);
--bs-blue-text-emphasis: hsl(var(--bs-blue-text-emphasis-hsl));
--bs-blue-hover-bg: var(--bs-blue-600);
--bs-blue-active-bg: var(--bs-blue-700);
--bs-blue-bg-subtle: hsl(var(--bs-blue-hue), var(--bs-blue-saturation), 95%);
--bs-blue-border-subtle: var(--bs-blue-400);
--bs-blue-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-blue-dash-svg: var(--bs-dash-svg-light);
--bs-blue-radio-svg: var(--bs-radio-svg-light);
--bs-blue-switch-svg: var(--bs-switch-svg-light);
/* Navy */
--bs-navy-hue: 235;
--bs-navy-saturation: 85%;
--bs-navy-100-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 90%;
--bs-navy-200-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 80%;
--bs-navy-300-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 70%;
--bs-navy-400-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 60%;
--bs-navy-500-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 50%;
--bs-navy-600-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 40%;
--bs-navy-700-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 30%;
--bs-navy-800-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 20%;
--bs-navy-900-hsl: var(--bs-navy-hue), var(--bs-navy-saturation), 10%;
--bs-navy-100: hsl(var(--bs-navy-100-hsl));
--bs-navy-200: hsl(var(--bs-navy-200-hsl));
--bs-navy-300: hsl(var(--bs-navy-300-hsl));
--bs-navy-400: hsl(var(--bs-navy-400-hsl));
--bs-navy-500: hsl(var(--bs-navy-500-hsl));
--bs-navy-600: hsl(var(--bs-navy-600-hsl));
--bs-navy-700: hsl(var(--bs-navy-700-hsl));
--bs-navy-800: hsl(var(--bs-navy-800-hsl));
--bs-navy-900: hsl(var(--bs-navy-900-hsl));
--bs-navy-hsl: var(--bs-navy-500-hsl);
--bs-navy: hsl(var(--bs-navy-hsl));
--bs-navy-foreground-hsl: var(--bs-white-hsl);
--bs-navy-foreground: hsl(var(--bs-navy-foreground-hsl));
--bs-navy-text-emphasis-hsl: var(--bs-navy-600-hsl);
--bs-navy-text-emphasis: hsl(var(--bs-navy-text-emphasis-hsl));
--bs-navy-hover-bg: var(--bs-navy-600);
--bs-navy-active-bg: var(--bs-navy-700);
--bs-navy-bg-subtle: hsl(var(--bs-navy-hue), var(--bs-navy-saturation), 95%);
--bs-navy-border-subtle: var(--bs-navy-400);
--bs-navy-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-navy-dash-svg: var(--bs-dash-svg-light);
--bs-navy-radio-svg: var(--bs-radio-svg-light);
--bs-navy-switch-svg: var(--bs-switch-svg-light);
/* Indigo */
--bs-indigo-hue: 241;
--bs-indigo-saturation: 60%;
--bs-indigo-100-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 90%;
--bs-indigo-200-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 80%;
--bs-indigo-300-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 70%;
--bs-indigo-400-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 60%;
--bs-indigo-500-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 50%;
--bs-indigo-600-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 40%;
--bs-indigo-700-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 30%;
--bs-indigo-800-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 20%;
--bs-indigo-900-hsl: var(--bs-indigo-hue), var(--bs-indigo-saturation), 10%;
--bs-indigo-100: hsl(var(--bs-indigo-100-hsl));
--bs-indigo-200: hsl(var(--bs-indigo-200-hsl));
--bs-indigo-300: hsl(var(--bs-indigo-300-hsl));
--bs-indigo-400: hsl(var(--bs-indigo-400-hsl));
--bs-indigo-500: hsl(var(--bs-indigo-500-hsl));
--bs-indigo-600: hsl(var(--bs-indigo-600-hsl));
--bs-indigo-700: hsl(var(--bs-indigo-700-hsl));
--bs-indigo-800: hsl(var(--bs-indigo-800-hsl));
--bs-indigo-900: hsl(var(--bs-indigo-900-hsl));
--bs-indigo-hsl: var(--bs-indigo-500-hsl);
--bs-indigo: hsl(var(--bs-indigo-hsl));
--bs-indigo-foreground-hsl: var(--bs-white-hsl);
--bs-indigo-foreground: hsl(var(--bs-indigo-foreground-hsl));
--bs-indigo-text-emphasis-hsl: var(--bs-indigo-600-hsl);
--bs-indigo-text-emphasis: hsl(var(--bs-indigo-text-emphasis-hsl));
--bs-indigo-hover-bg: var(--bs-indigo-600);
--bs-indigo-active-bg: var(--bs-indigo-700);
--bs-indigo-bg-subtle: hsl(var(--bs-indigo-hue), var(--bs-indigo-saturation), 95%);
--bs-indigo-border-subtle: var(--bs-indigo-400);
--bs-indigo-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-indigo-dash-svg: var(--bs-dash-svg-light);
--bs-indigo-radio-svg: var(--bs-radio-svg-light);
--bs-indigo-switch-svg: var(--bs-switch-svg-light);
/* Violet */
--bs-violet-hue: 262;
--bs-violet-saturation: 83%;
--bs-violet-100-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 90%;
--bs-violet-200-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 80%;
--bs-violet-300-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 70%;
--bs-violet-400-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 60%;
--bs-violet-500-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 50%;
--bs-violet-600-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 40%;
--bs-violet-700-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 30%;
--bs-violet-800-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 20%;
--bs-violet-900-hsl: var(--bs-violet-hue), var(--bs-violet-saturation), 10%;
--bs-violet-100: hsl(var(--bs-violet-100-hsl));
--bs-violet-200: hsl(var(--bs-violet-200-hsl));
--bs-violet-300: hsl(var(--bs-violet-300-hsl));
--bs-violet-400: hsl(var(--bs-violet-400-hsl));
--bs-violet-500: hsl(var(--bs-violet-500-hsl));
--bs-violet-600: hsl(var(--bs-violet-600-hsl));
--bs-violet-700: hsl(var(--bs-violet-700-hsl));
--bs-violet-800: hsl(var(--bs-violet-800-hsl));
--bs-violet-900: hsl(var(--bs-violet-900-hsl));
--bs-violet-hsl: var(--bs-violet-500-hsl);
--bs-violet: hsl(var(--bs-violet-hsl));
--bs-violet-foreground-hsl: var(--bs-white-hsl);
--bs-violet-foreground: hsl(var(--bs-violet-foreground-hsl));
--bs-violet-text-emphasis-hsl: var(--bs-violet-600-hsl);
--bs-violet-text-emphasis: hsl(var(--bs-violet-text-emphasis-hsl));
--bs-violet-hover-bg: var(--bs-violet-600);
--bs-violet-active-bg: var(--bs-violet-700);
--bs-violet-bg-subtle: hsl(var(--bs-violet-hue), var(--bs-violet-saturation), 95%);
--bs-violet-border-subtle: var(--bs-violet-400);
--bs-violet-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-violet-dash-svg: var(--bs-dash-svg-light);
--bs-violet-radio-svg: var(--bs-radio-svg-light);
--bs-violet-switch-svg: var(--bs-switch-svg-light);
/* Purple */
--bs-purple-hue: 271;
--bs-purple-saturation: 80%;
--bs-purple-100-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 90%;
--bs-purple-200-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 80%;
--bs-purple-300-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 70%;
--bs-purple-400-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 60%;
--bs-purple-500-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 50%;
--bs-purple-600-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 40%;
--bs-purple-700-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 30%;
--bs-purple-800-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 20%;
--bs-purple-900-hsl: var(--bs-purple-hue), var(--bs-purple-saturation), 10%;
--bs-purple-100: hsl(var(--bs-purple-100-hsl));
--bs-purple-200: hsl(var(--bs-purple-200-hsl));
--bs-purple-300: hsl(var(--bs-purple-300-hsl));
--bs-purple-400: hsl(var(--bs-purple-400-hsl));
--bs-purple-500: hsl(var(--bs-purple-500-hsl));
--bs-purple-600: hsl(var(--bs-purple-600-hsl));
--bs-purple-700: hsl(var(--bs-purple-700-hsl));
--bs-purple-800: hsl(var(--bs-purple-800-hsl));
--bs-purple-900: hsl(var(--bs-purple-900-hsl));
--bs-purple-hsl: var(--bs-purple-500-hsl);
--bs-purple: hsl(var(--bs-purple-hsl));
--bs-purple-foreground-hsl: var(--bs-white-hsl);
--bs-purple-foreground: hsl(var(--bs-purple-foreground-hsl));
--bs-purple-text-emphasis-hsl: var(--bs-purple-600-hsl);
--bs-purple-text-emphasis: hsl(var(--bs-purple-text-emphasis-hsl));
--bs-purple-hover-bg: var(--bs-purple-600);
--bs-purple-active-bg: var(--bs-purple-700);
--bs-purple-bg-subtle: hsl(var(--bs-purple-hue), var(--bs-purple-saturation), 95%);
--bs-purple-border-subtle: var(--bs-purple-400);
--bs-purple-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-purple-dash-svg: var(--bs-dash-svg-light);
--bs-purple-radio-svg: var(--bs-radio-svg-light);
--bs-purple-switch-svg: var(--bs-switch-svg-light);
/* Fuchsia */
--bs-fuchsia-hue: 292;
--bs-fuchsia-saturation: 52.5%;
--bs-fuchsia-100-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 90%;
--bs-fuchsia-200-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 80%;
--bs-fuchsia-300-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 70%;
--bs-fuchsia-400-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 60%;
--bs-fuchsia-500-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 50%;
--bs-fuchsia-600-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 40%;
--bs-fuchsia-700-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 30%;
--bs-fuchsia-800-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 20%;
--bs-fuchsia-900-hsl: var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 10%;
--bs-fuchsia-100: hsl(var(--bs-fuchsia-100-hsl));
--bs-fuchsia-200: hsl(var(--bs-fuchsia-200-hsl));
--bs-fuchsia-300: hsl(var(--bs-fuchsia-300-hsl));
--bs-fuchsia-400: hsl(var(--bs-fuchsia-400-hsl));
--bs-fuchsia-500: hsl(var(--bs-fuchsia-500-hsl));
--bs-fuchsia-600: hsl(var(--bs-fuchsia-600-hsl));
--bs-fuchsia-700: hsl(var(--bs-fuchsia-700-hsl));
--bs-fuchsia-800: hsl(var(--bs-fuchsia-800-hsl));
--bs-fuchsia-900: hsl(var(--bs-fuchsia-900-hsl));
--bs-fuchsia-hsl: var(--bs-fuchsia-500-hsl);
--bs-fuchsia: hsl(var(--bs-fuchsia-hsl));
--bs-fuchsia-foreground-hsl: var(--bs-white-hsl);
--bs-fuchsia-foreground: hsl(var(--bs-fuchsia-foreground-hsl));
--bs-fuchsia-text-emphasis-hsl: var(--bs-fuchsia-600-hsl);
--bs-fuchsia-text-emphasis: hsl(var(--bs-fuchsia-text-emphasis-hsl));
--bs-fuchsia-hover-bg: var(--bs-fuchsia-600);
--bs-fuchsia-active-bg: var(--bs-fuchsia-700);
--bs-fuchsia-bg-subtle: hsl(var(--bs-fuchsia-hue), var(--bs-fuchsia-saturation), 95%);
--bs-fuchsia-border-subtle: var(--bs-fuchsia-400);
--bs-fuchsia-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-fuchsia-dash-svg: var(--bs-dash-svg-light);
--bs-fuchsia-radio-svg: var(--bs-radio-svg-light);
--bs-fuchsia-switch-svg: var(--bs-switch-svg-light);
/* Pink (magenta) */
--bs-pink-hue: 331;
--bs-pink-saturation: 60%;
--bs-pink-100-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 90%;
--bs-pink-200-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 80%;
--bs-pink-300-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 70%;
--bs-pink-400-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 60%;
--bs-pink-500-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 50%;
--bs-pink-600-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 40%;
--bs-pink-700-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 30%;
--bs-pink-800-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 20%;
--bs-pink-900-hsl: var(--bs-pink-hue), var(--bs-pink-saturation), 10%;
--bs-pink-100: hsl(var(--bs-pink-100-hsl));
--bs-pink-200: hsl(var(--bs-pink-200-hsl));
--bs-pink-300: hsl(var(--bs-pink-300-hsl));
--bs-pink-400: hsl(var(--bs-pink-400-hsl));
--bs-pink-500: hsl(var(--bs-pink-500-hsl));
--bs-pink-600: hsl(var(--bs-pink-600-hsl));
--bs-pink-700: hsl(var(--bs-pink-700-hsl));
--bs-pink-800: hsl(var(--bs-pink-800-hsl));
--bs-pink-900: hsl(var(--bs-pink-900-hsl));
--bs-pink-hsl: var(--bs-pink-500-hsl);
--bs-pink: hsl(var(--bs-pink-hsl));
--bs-pink-foreground-hsl: var(--bs-white-hsl);
--bs-pink-foreground: hsl(var(--bs-pink-foreground-hsl));
--bs-pink-text-emphasis-hsl: var(--bs-pink-600-hsl);
--bs-pink-text-emphasis: hsl(var(--bs-pink-text-emphasis-hsl));
--bs-pink-hover-bg: var(--bs-pink-600);
--bs-pink-active-bg: var(--bs-pink-700);
--bs-pink-bg-subtle: hsl(var(--bs-pink-hue), var(--bs-pink-saturation), 95%);
--bs-pink-border-subtle: var(--bs-pink-400);
--bs-pink-checkbox-svg: var(--bs-checkbox-svg-light);
--bs-pink-dash-svg: var(--bs-dash-svg-light);
--bs-pink-radio-svg: var(--bs-radio-svg-light);
--bs-pink-switch-svg: var(--bs-switch-svg-light);
/* Primary */
--bs-primary-hue: var(--bs-blue-hue);
--bs-primary-saturation: var(--bs-blue-saturation);
--bs-primary-100-hsl: var(--bs-blue-100-hsl);
--bs-primary-200-hsl: var(--bs-blue-200-hsl);
--bs-primary-300-hsl: var(--bs-blue-300-hsl);
--bs-primary-400-hsl: var(--bs-blue-400-hsl);
--bs-primary-500-hsl: var(--bs-blue-500-hsl);
--bs-primary-600-hsl: var(--bs-blue-600-hsl);
--bs-primary-700-hsl: var(--bs-blue-700-hsl);
--bs-primary-800-hsl: var(--bs-blue-800-hsl);
--bs-primary-900-hsl: var(--bs-blue-900-hsl);
--bs-primary-100: var(--bs-blue-100);
--bs-primary-200: var(--bs-blue-200);
--bs-primary-300: var(--bs-blue-300);
--bs-primary-400: var(--bs-blue-400);
--bs-primary-500: var(--bs-blue-500);
--bs-primary-600: var(--bs-blue-600);
--bs-primary-700: var(--bs-blue-700);
--bs-primary-800: var(--bs-blue-800);
--bs-primary-900: var(--bs-blue-900);
--bs-primary-hsl: var(--bs-blue-hsl);
--bs-primary: var(--bs-blue);
--bs-primary-foreground-hsl: var(--bs-blue-foreground-hsl);
--bs-primary-foreground: var(--bs-blue-foreground);
--bs-primary-text-emphasis-hsl: var(--bs-blue-text-emphasis-hsl);
--bs-primary-text-emphasis: var(--bs-blue-text-emphasis);
--bs-primary-hover-bg: var(--bs-blue-hover-bg);
--bs-primary-active-bg: var(--bs-blue-active-bg);
--bs-primary-bg-subtle: var(--bs-blue-bg-subtle);
--bs-primary-border-subtle: var(--bs-blue-border-subtle);
--bs-primary-checkbox-svg: var(--bs-blue-checkbox-svg);
--bs-primary-dash-svg: var(--bs-blue-dash-svg);
--bs-primary-radio-svg: var(--bs-blue-radio-svg);
--bs-primary-switch-svg: var(--bs-blue-switch-svg);
/* Secondary */
--bs-secondary-hue: var(--bs-gray-hue);
--bs-secondary-saturation: var(--bs-gray-saturation);
--bs-secondary-100-hsl: var(--bs-gray-100-hsl);
--bs-secondary-200-hsl: var(--bs-gray-200-hsl);
--bs-secondary-300-hsl: var(--bs-gray-300-hsl);
--bs-secondary-400-hsl: var(--bs-gray-400-hsl);
--bs-secondary-500-hsl: var(--bs-gray-500-hsl);
--bs-secondary-600-hsl: var(--bs-gray-600-hsl);
--bs-secondary-700-hsl: var(--bs-gray-700-hsl);
--bs-secondary-800-hsl: var(--bs-gray-800-hsl);
--bs-secondary-900-hsl: var(--bs-gray-900-hsl);
--bs-secondary-100: var(--bs-gray-100);
--bs-secondary-200: var(--bs-gray-200);
--bs-secondary-300: var(--bs-gray-300);
--bs-secondary-400: var(--bs-gray-400);
--bs-secondary-500: var(--bs-gray-500);
--bs-secondary-600: var(--bs-gray-600);