/
_tokens.scss
1874 lines (1872 loc) · 69 KB
/
_tokens.scss
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
$border-s: 1 !default;
$border-m: 2 !default;
$border-l: 3 !default;
$color-badge-info-background: #daeff7 !default;
$color-badge-info-border: #0b96cc !default;
$color-badge-info-text: #005c91 !default;
$color-badge-success-background: #ebf5de !default;
$color-badge-success-border: #46a610 !default;
$color-badge-success-text: #006902 !default;
$color-badge-warning-background: #fdf1e8 !default;
$color-badge-warning-border: #ea7315 !default;
$color-badge-warning-text: #8c3500 !default;
$color-badge-danger-background: #fdeaea !default;
$color-badge-danger-border: #ea302d !default;
$color-badge-danger-text: #8c0003 !default;
$color-badge-neutral-background: #e6e6e6 !default;
$color-badge-neutral-border: #808080 !default;
$color-badge-neutral-text: #4d4d4d !default;
$color-primary-01-100: #f8f3ec !default;
$color-primary-01-200: #f1e7d8 !default;
$color-primary-01-300: #dcc39d !default;
$color-primary-01-400: #b39465 !default;
$color-primary-01-500: #927549 !default;
$color-primary-01-600: #695535 !default;
$color-primary-01-700: #4c3f29 !default;
$color-primary-01-800: #3b3120 !default;
$color-primary-01-900: #282116 !default;
$color-primary-02-100: #eeeff1 !default;
$color-primary-02-200: #cfd2d8 !default;
$color-primary-02-300: #b3b7c1 !default;
$color-primary-02-400: #8f94a3 !default;
$color-primary-02-500: #6a7081 !default;
$color-primary-02-600: #494f60 !default;
$color-primary-02-700: #343b4c !default;
$color-primary-02-800: #242938 !default;
$color-primary-02-900: #171b26 !default;
$color-grey-100: #e6e6e6 !default;
$color-grey-200: #cccccc !default;
$color-grey-300: #b3b3b3 !default;
$color-grey-400: #999999 !default;
$color-grey-500: #808080 !default;
$color-grey-600: #666666 !default;
$color-grey-700: #4d4d4d !default;
$color-grey-800: #333333 !default;
$color-grey-900: #191919 !default;
$color-grey-999: #000000 !default;
$color-grey-000: #ffffff !default;
$color-secondary-blue-100: #daeff7 !default;
$color-secondary-blue-200: #a7d9ed !default;
$color-secondary-blue-300: #73c3e2 !default;
$color-secondary-blue-400: #3facd7 !default;
$color-secondary-blue-500: #0b96cc !default;
$color-secondary-blue-600: #007bb4 !default;
$color-secondary-blue-700: #005c91 !default;
$color-secondary-blue-800: #003a5c !default;
$color-secondary-blue-900: #002a41 !default;
$color-secondary-green-100: #f8f3ec !default;
$color-secondary-green-200: #f1e7d8 !default;
$color-secondary-green-300: #dcc39d !default;
$color-secondary-green-400: #b39465 !default;
$color-secondary-green-500: #927549 !default;
$color-secondary-green-600: #695535 !default;
$color-secondary-green-700: #4c3f29 !default;
$color-secondary-green-800: #3b3120 !default;
$color-secondary-green-900: #282116 !default;
$color-secondary-purple-100: #efebfe !default;
$color-secondary-purple-200: #c7b0fa !default;
$color-secondary-purple-300: #a575f3 !default;
$color-secondary-purple-400: #883be9 !default;
$color-secondary-purple-500: #7000dd !default;
$color-secondary-purple-600: #5803b3 !default;
$color-secondary-purple-700: #42058a !default;
$color-secondary-purple-800: #2e0663 !default;
$color-secondary-purple-900: #1c053d !default;
$color-secondary-red-100: #fdeaea !default;
$color-secondary-red-200: #f8bcbb !default;
$color-secondary-red-300: #f38d8c !default;
$color-secondary-red-400: #ef5f5c !default;
$color-secondary-red-500: #ea302d !default;
$color-secondary-red-600: #c61112 !default;
$color-secondary-red-700: #8c0003 !default;
$color-secondary-red-800: #530000 !default;
$color-secondary-red-900: #2d0000 !default;
$color-secondary-orange-100: #fdf1e8 !default;
$color-secondary-orange-200: #f8d2b3 !default;
$color-secondary-orange-300: #f4b27e !default;
$color-secondary-orange-400: #ef934a !default;
$color-secondary-orange-500: #ea7315 !default;
$color-secondary-orange-600: #c65200 !default;
$color-secondary-orange-700: #8c3500 !default;
$color-secondary-orange-800: #531b00 !default;
$color-secondary-orange-900: #360e00 !default;
$color-secondary-yellow-100: #fff8e2 !default;
$color-secondary-yellow-200: #ffebaf !default;
$color-secondary-yellow-300: #fee07d !default;
$color-secondary-yellow-400: #fcd64c !default;
$color-secondary-yellow-500: #f8cc1c !default;
$color-secondary-yellow-600: #c9a21b !default;
$color-secondary-yellow-700: #9c7b18 !default;
$color-secondary-yellow-800: #705613 !default;
$color-secondary-yellow-900: #46350d !default;
$color-danger-100: #fdeaea !default;
$color-danger-200: #f8bcbb !default;
$color-danger-300: #f38d8c !default;
$color-danger-400: #ef5f5c !default;
$color-danger-500: #ea302d !default;
$color-danger-600: #c61112 !default;
$color-danger-700: #8c0003 !default;
$color-danger-800: #530000 !default;
$color-danger-900: #2d0000 !default;
$color-info-100: #daeff7 !default;
$color-info-200: #a7d9ed !default;
$color-info-300: #73c3e2 !default;
$color-info-400: #3facd7 !default;
$color-info-500: #0b96cc !default;
$color-info-600: #007bb4 !default;
$color-info-700: #005c91 !default;
$color-info-800: #003a5c !default;
$color-info-900: #002a41 !default;
$color-warning-100: #fdf1e8 !default;
$color-warning-200: #f8d2b3 !default;
$color-warning-300: #f4b27e !default;
$color-warning-400: #ef934a !default;
$color-warning-500: #ea7315 !default;
$color-warning-600: #c65200 !default;
$color-warning-700: #8c3500 !default;
$color-warning-800: #531b00 !default;
$color-warning-900: #360e00 !default;
$color-success-100: #ebf5de !default;
$color-success-200: #c5e39e !default;
$color-success-300: #9ed05f !default;
$color-success-400: #78be20 !default;
$color-success-500: #46a610 !default;
$color-success-600: #188803 !default;
$color-success-700: #006902 !default;
$color-success-800: #035010 !default;
$color-success-900: #023618 !default;
$color-breadcrumb-arrow: #333333 !default;
$color-breadcrumb-arrow-invert: #ffffff !default;
$color-button-solid-background: #695535 !default;
$color-button-solid-font: #ffffff !default;
$color-button-solid-focus-border: #4c3f29 !default;
$color-button-solid-disabled-background: #cccccc !default;
$color-button-solid-disabled-font: #666666 !default;
$color-button-solid-active-background: #4c3f29 !default;
$color-button-solid-hover-background: #4c3f29 !default;
$color-button-solid-hover-font: #ffffff !default;
$color-button-solid-primary-02-background: #6a7081 !default;
$color-button-solid-primary-02-font: #ffffff !default;
$color-button-solid-primary-02-focus-border: #171b26 !default;
$color-button-solid-primary-02-disabled-background: #cccccc !default;
$color-button-solid-primary-02-disabled-font: #666666 !default;
$color-button-solid-primary-02-active-background: #171b26 !default;
$color-button-solid-primary-02-hover-background: #242938 !default;
$color-button-solid-primary-02-hover-font: #ffffff !default;
$color-button-solid-neutral-background: #333333 !default;
$color-button-solid-neutral-font: #ffffff !default;
$color-button-solid-neutral-focus-border: #191919 !default;
$color-button-solid-neutral-disabled-background: #cccccc !default;
$color-button-solid-neutral-disabled-font: #666666 !default;
$color-button-solid-neutral-active-background: #333333 !default;
$color-button-solid-neutral-hover-background: #191919 !default;
$color-button-solid-neutral-hover-font: #ffffff !default;
$color-button-solid-danger-background: #c61112 !default;
$color-button-solid-danger-font: #ffffff !default;
$color-button-solid-danger-focus-border: #8c0003 !default;
$color-button-solid-danger-disabled-background: #cccccc !default;
$color-button-solid-danger-disabled-font: #666666 !default;
$color-button-solid-danger-active-background: #8c0003 !default;
$color-button-solid-danger-hover-background: #8c0003 !default;
$color-button-solid-danger-hover-font: #ffffff !default;
$color-button-bordered-background: #ffffff !default;
$color-button-bordered-border: #695535 !default;
$color-button-bordered-font: #695535 !default;
$color-button-bordered-focus-border: #4c3f29 !default;
$color-button-bordered-disabled-background: #cccccc !default;
$color-button-bordered-disabled-font: #666666 !default;
$color-button-bordered-active-background: #f1e7d8 !default;
$color-button-bordered-active-font: #3b3120 !default;
$color-button-bordered-hover-background: #f8f3ec !default;
$color-button-bordered-hover-font: #4c3f29 !default;
$color-button-bordered-primary-02-background: #ffffff !default;
$color-button-bordered-primary-02-border: #6a7081 !default;
$color-button-bordered-primary-02-font: #6a7081 !default;
$color-button-bordered-primary-02-focus-border: #171b26 !default;
$color-button-bordered-primary-02-disabled-background: #cccccc !default;
$color-button-bordered-primary-02-disabled-font: #666666 !default;
$color-button-bordered-primary-02-active-background: #cfd2d8 !default;
$color-button-bordered-primary-02-hover-background: #eeeff1 !default;
$color-button-bordered-neutral-background: #ffffff !default;
$color-button-bordered-neutral-border: #333333 !default;
$color-button-bordered-neutral-font: #333333 !default;
$color-button-bordered-neutral-focus-border: #191919 !default;
$color-button-bordered-neutral-disabled-background: #cccccc !default;
$color-button-bordered-neutral-disabled-font: #666666 !default;
$color-button-bordered-neutral-active-background: #cccccc !default;
$color-button-bordered-neutral-hover-background: #e6e6e6 !default;
$color-button-bordered-danger-background: #ffffff !default;
$color-button-bordered-danger-border: #c61112 !default;
$color-button-bordered-danger-font: #c61112 !default;
$color-button-bordered-danger-focus-border: #8c0003 !default;
$color-button-bordered-danger-disabled-background: #cccccc !default;
$color-button-bordered-danger-disabled-font: #666666 !default;
$color-button-bordered-danger-active-background: #f8bcbb !default;
$color-button-bordered-danger-active-font: #530000 !default;
$color-button-bordered-danger-hover-background: #fdeaea !default;
$color-button-bordered-danger-hover-font: #8c0003 !default;
$color-button-primary-background: #000000 !default;
$color-button-primary-border: #000000 !default;
$color-button-primary-font: #ffffff !default;
$color-button-primary-hover-background: #333333 !default;
$color-button-primary-hover-border: #333333 !default;
$color-button-primary-hover-font: #ffffff !default;
$color-button-primary-active-background: #4d4d4d !default;
$color-button-primary-active-border: #4d4d4d !default;
$color-button-primary-active-font: #ffffff !default;
$color-button-primary-focus-border: #000000 !default;
$color-button-primary-disabled-background: #cccccc !default;
$color-button-primary-disabled-border: #cccccc !default;
$color-button-primary-disabled-font: #666666 !default;
$color-button-invert-background: #ffffff !default;
$color-button-invert-border: #ffffff !default;
$color-button-invert-font: #000000 !default;
$color-button-invert-hover-background: #e6e6e6 !default;
$color-button-invert-hover-border: #e6e6e6 !default;
$color-button-invert-hover-font: #000000 !default;
$color-button-invert-active-background: #cccccc !default;
$color-button-invert-active-border: #cccccc !default;
$color-button-invert-active-font: #000000 !default;
$color-button-invert-focus-border: #000000 !default;
$color-button-invert-disabled-background: #cccccc !default;
$color-button-invert-disabled-border: #cccccc !default;
$color-button-invert-disabled-font: #666666 !default;
$color-button-secondary-background: #ffffff !default;
$color-button-secondary-border: #000000 !default;
$color-button-secondary-font: #000000 !default;
$color-button-secondary-hover-background: #e6e6e6 !default;
$color-button-secondary-hover-border: #000000 !default;
$color-button-secondary-hover-font: #000000 !default;
$color-button-secondary-active-background: #cccccc !default;
$color-button-secondary-active-border: #000000 !default;
$color-button-secondary-active-font: #000000 !default;
$color-button-secondary-focus-border: #000000 !default;
$color-button-secondary-disabled-background: #cccccc !default;
$color-button-secondary-disabled-border: #cccccc !default;
$color-button-secondary-disabled-font: #666666 !default;
$color-button-accent-background: #f8f3ec !default;
$color-button-accent-border: #f8f3ec !default;
$color-button-accent-font: #000000 !default;
$color-button-accent-hover-background: #b39465 !default;
$color-button-accent-hover-border: #b39465 !default;
$color-button-accent-hover-font: #000000 !default;
$color-button-accent-active-background: #927549 !default;
$color-button-accent-active-border: #927549 !default;
$color-button-accent-active-font: #000000 !default;
$color-button-accent-focus-border: #000000 !default;
$color-button-accent-disabled-background: #cccccc !default;
$color-button-accent-disabled-border: #cccccc !default;
$color-button-accent-disabled-font: #666666 !default;
$color-button-danger-background: #c61112 !default;
$color-button-danger-border: #c61112 !default;
$color-button-danger-font: #ffffff !default;
$color-button-danger-hover-background: #530000 !default;
$color-button-danger-hover-border: #530000 !default;
$color-button-danger-hover-font: #ffffff !default;
$color-button-danger-active-background: #2d0000 !default;
$color-button-danger-active-border: #2d0000 !default;
$color-button-danger-active-font: #ffffff !default;
$color-button-danger-focus-border: #000000 !default;
$color-button-danger-disabled-background: #cccccc !default;
$color-button-danger-disabled-border: #cccccc !default;
$color-button-danger-disabled-font: #666666 !default;
$color-button-secondary-danger-background: #ffffff !default;
$color-button-secondary-danger-border: #c61112 !default;
$color-button-secondary-danger-font: #c61112 !default;
$color-button-secondary-danger-hover-background: #e6e6e6 !default;
$color-button-secondary-danger-hover-border: #c61112 !default;
$color-button-secondary-danger-hover-font: #c61112 !default;
$color-button-secondary-danger-active-background: #cccccc !default;
$color-button-secondary-danger-active-border: #c61112 !default;
$color-button-secondary-danger-active-font: #c61112 !default;
$color-button-secondary-danger-focus-border: #000000 !default;
$color-button-secondary-danger-disabled-background: #cccccc !default;
$color-button-secondary-danger-disabled-border: #cccccc !default;
$color-button-secondary-danger-disabled-font: #666666 !default;
$color-card-bordered-background: #ffffff !default;
$color-card-bordered-border: #808080 !default;
$color-datatable-filters-border: #b3b3b3 !default;
$color-datatable-container-background: #e6e6e6 !default;
$color-datatable-thead-font: #191919 !default;
$color-datatable-sort-arrow-default: #cccccc !default;
$color-datatable-sort-arrow-active: #333333 !default;
$color-datatable-cell-font: #191919 !default;
$color-datatable-cell-background-hover: #e6e6e6 !default;
$color-datatable-cell-background-selected: #f8f3ec !default;
$color-datatable-subtable-background: #e6e6e6 !default;
$color-datatable-subtable-border: #b3b3b3 !default;
$color-datatable-subtable-font: #000000 !default;
$color-datatable-icon: #927549 !default;
$color-dialog-background: #ffffff !default;
$color-dialog-icon: #666666 !default;
$color-dialog-close: #808080 !default;
$color-dialog-footer-shadow: #191919 !default;
$color-divider-lightest: #ffffff !default;
$color-divider-light: #b3b3b3 !default;
$color-divider-default: #666666 !default;
$color-divider-dark: #000000 !default;
$color-fields-error: #c61112 !default;
$color-fields-label: #333333 !default;
$color-fields-requirement: #666666 !default;
$color-fields-help: #666666 !default;
$color-fileuploader-font: #000000 !default;
$color-fileuploader-files-list: #e6e6e6 !default;
$color-fileuploader-files-delete: #cccccc !default;
$color-fileuploader-valid: #927549 !default;
$color-fileuploader-alert: #c61112 !default;
$color-flag-solid-background: #695535 !default;
$color-flag-solid-border: #695535 !default;
$color-flag-solid-text: #ffffff !default;
$color-flag-solid-primary-02-background: #494f60 !default;
$color-flag-solid-primary-02-border: #494f60 !default;
$color-flag-solid-primary-02-text: #ffffff !default;
$color-flag-solid-dark-background: #000000 !default;
$color-flag-solid-dark-border: #000000 !default;
$color-flag-solid-dark-text: #ffffff !default;
$color-flag-solid-light-background: #ffffff !default;
$color-flag-solid-light-border: #ffffff !default;
$color-flag-solid-light-text: #000000 !default;
$color-flag-solid-danger-background: #c61112 !default;
$color-flag-solid-danger-border: #c61112 !default;
$color-flag-solid-danger-text: #ffffff !default;
$color-flag-bordered-background: #ffffff !default;
$color-flag-bordered-border: #695535 !default;
$color-flag-bordered-text: #695535 !default;
$color-flag-bordered-primary-02-background: #ffffff !default;
$color-flag-bordered-primary-02-border: #494f60 !default;
$color-flag-bordered-primary-02-text: #494f60 !default;
$color-flag-bordered-dark-background: #ffffff !default;
$color-flag-bordered-dark-border: #000000 !default;
$color-flag-bordered-dark-text: #000000 !default;
$color-flag-bordered-light-background: #000000 !default;
$color-flag-bordered-light-border: #ffffff !default;
$color-flag-bordered-light-text: #ffffff !default;
$color-flag-bordered-danger-background: #ffffff !default;
$color-flag-bordered-danger-border: #c61112 !default;
$color-flag-bordered-danger-text: #c61112 !default;
$color-focus-gap: #ffffff !default;
$color-focus-border: #0b96cc !default;
$color-font-primary-01: #695535 !default;
$color-font-primary-02: #6a7081 !default;
$color-font-darkest: #000000 !default;
$color-font-darker: #191919 !default;
$color-font-dark: #333333 !default;
$color-font-light: #666666 !default;
$color-font-lightest: #ffffff !default;
$color-font-info: #007bb4 !default;
$color-font-success: #188803 !default;
$color-font-warning: #c65200 !default;
$color-font-danger: #c61112 !default;
$color-heading-underline-default: #927549 !default;
$color-heading-underline-lightest: #f1e7d8 !default;
$color-hero-cover-background: #191919 !default;
$color-input-text: #000000 !default;
$color-input-border: #666666 !default;
$color-input-placeholder: #666666 !default;
$color-input-background: #ffffff !default;
$color-input-disabled-background: #cccccc !default;
$color-input-disabled-border: #cccccc !default;
$color-input-disabled-icon: #666666 !default;
$color-input-disabled-label: #808080 !default;
$color-input-hover-border: #000000 !default;
$color-input-focus-border: #0b96cc !default;
$color-input-valid-border: #188803 !default;
$color-input-valid-hover-border: #035010 !default;
$color-input-invalid-border: #c61112 !default;
$color-input-invalid-hover-border: #530000 !default;
$color-input-checked-border: #000000 !default;
$color-input-checked-background: #ffffff !default;
$color-input-checked-icon: #000000 !default;
$color-input-checked-hover-border: #3b3120 !default;
$color-link-dark-base: #000000 !default;
$color-link-dark-visited: #333333 !default;
$color-link-dark-active: #333333 !default;
$color-link-dark-disabled: #e6e6e6 !default;
$color-link-dark-hover: #666666 !default;
$color-link-light-base: #ffffff !default;
$color-link-light-visited: #cccccc !default;
$color-link-light-active: #cccccc !default;
$color-link-light-disabled: #e6e6e6 !default;
$color-link-light-hover: #999999 !default;
$color-link-primary-base: #666666 !default;
$color-link-primary-visited: #4c3f29 !default;
$color-link-primary-active: #4c3f29 !default;
$color-link-primary-disabled: #e6e6e6 !default;
$color-link-primary-hover: #3b3120 !default;
$color-link-primary-02-base: #494f60 !default;
$color-link-primary-02-visited: #343b4c !default;
$color-link-primary-02-active: #343b4c !default;
$color-link-primary-02-disabled: #e6e6e6 !default;
$color-link-primary-02-hover: #171b26 !default;
$color-link-danger-base: #c61112 !default;
$color-link-danger-visited: #8c0003 !default;
$color-link-danger-active: #8c0003 !default;
$color-link-danger-disabled: #e6e6e6 !default;
$color-link-danger-hover: #530000 !default;
$color-listbox-background: #ffffff !default;
$color-listbox-border: #666666 !default;
$color-listbox-tile-border: #b3b3b3 !default;
$color-listbox-tile-shadow: #191919 !default;
$color-listbox-tile-hover-background: #e6e6e6 !default;
$color-listbox-disabled-background: #cccccc !default;
$color-notification-font: #000000 !default;
$color-notification-information-background: #007bb4 !default;
$color-notification-information-border: #007bb4 !default;
$color-notification-information-icon: #ffffff !default;
$color-notification-success-background: #188803 !default;
$color-notification-success-border: #188803 !default;
$color-notification-success-icon: #ffffff !default;
$color-notification-warning-background: #c65200 !default;
$color-notification-warning-border: #c65200 !default;
$color-notification-warning-icon: #ffffff !default;
$color-notification-danger-background: #c61112 !default;
$color-notification-danger-border: #c61112 !default;
$color-notification-danger-icon: #ffffff !default;
$color-option-button-label-shadow: #b3b3b3 !default;
$color-option-button-hover-label-shadow: #333333 !default;
$color-option-button-checked-label-border: #927549 !default;
$color-option-button-checked-label-shadow: #f8f3ec !default;
$color-option-button-disabled-label-background: #cccccc !default;
$color-option-card-label-shadow: #b3b3b3 !default;
$color-option-card-hover-label-shadow: #333333 !default;
$color-option-card-checked-label-border: #927549 !default;
$color-option-card-checked-label-shadow: #f8f3ec !default;
$color-option-card-disabled-content: #cccccc !default;
$color-option-card-disabled-label: #666666 !default;
$color-overlay-background: #191919 !default;
$color-overlay-loader-background: #666666 !default;
$color-password-input-button-hover-background: #e6e6e6 !default;
$color-phone-number-button-border: #666666 !default;
$color-phone-number-list-background: #ffffff !default;
$color-phone-number-item-border: #b3b3b3 !default;
$color-phone-number-item-focus-background: #e6e6e6 !default;
$color-progress-background: #cccccc !default;
$color-progress-indicator: #007bb4 !default;
$color-progress-percentage-default: #191919 !default;
$color-progress-percentage-half: #ffffff !default;
$color-progress-branded-indicator: #927549 !default;
$color-star-empty: #ffffff !default;
$color-star-focus: #0b96cc !default;
$color-star-full: #ea7315 !default;
$color-star-hover: #f4b27e !default;
$color-stepper-item-background: #999999 !default;
$color-stepper-item-current-background: #927549 !default;
$color-stepper-link-hover-text: #927549 !default;
$color-stepper-indicator-background: #ffffff !default;
$color-stepper-indicator-border: #999999 !default;
$color-stepper-indicator-current-background: #927549 !default;
$color-stepper-indicator-current-border: #927549 !default;
$color-stepper-icon: #927549 !default;
$color-stepper-title: #927549 !default;
$color-tabs-background: #ffffff !default;
$color-tabs-shadow: #000000 !default;
$color-tabs-default: #666666 !default;
$color-tabs-element-background: #f8f3ec !default;
$color-tabs-hover: #3b3120 !default;
$color-tabs-disabled-background: #cccccc !default;
$color-tabs-active-background: #f1e7d8 !default;
$color-tabs-active-text: #333333 !default;
$color-tabs-selected-border: #000000 !default;
$color-tabs-selected-text: #000000 !default;
$color-tabs-active-disabled: #f1e7d8 !default;
$color-tag-text-light-background: #ffffff !default;
$color-tag-text-light-border: #808080 !default;
$color-tag-text-light-text: #191919 !default;
$color-tag-text-dark-background: #191919 !default;
$color-tag-text-dark-border: #ffffff !default;
$color-tag-text-dark-text: #ffffff !default;
$color-tag-link-light-background: #ffffff !default;
$color-tag-link-light-border: #808080 !default;
$color-tag-link-light-text: #191919 !default;
$color-tag-link-light-hover-background: #e6e6e6 !default;
$color-tag-link-light-active-background: #cccccc !default;
$color-tag-link-dark-background: #191919 !default;
$color-tag-link-dark-border: #ffffff !default;
$color-tag-link-dark-text: #ffffff !default;
$color-tag-link-dark-hover-background: #333333 !default;
$color-tag-link-dark-active-background: #4d4d4d !default;
$color-tag-selectable-light-background: #ffffff !default;
$color-tag-selectable-light-border: #808080 !default;
$color-tag-selectable-light-text: #191919 !default;
$color-tag-selectable-light-hover-background: #dcc39d !default;
$color-tag-selectable-light-active-background: #3b3120 !default;
$color-tag-selectable-light-active-border: #3b3120 !default;
$color-tag-selectable-light-active-text: #ffffff !default;
$color-tag-selectable-light-disabled-background: #e6e6e6 !default;
$color-tag-selectable-light-disabled-text: #808080 !default;
$color-tag-selectable-light-selected-background: #695535 !default;
$color-tag-selectable-light-selected-text: #ffffff !default;
$color-tag-selectable-light-selected-hover-background: #4c3f29 !default;
$color-tag-selectable-dark-background: #191919 !default;
$color-tag-selectable-dark-border: #ffffff !default;
$color-tag-selectable-dark-text: #ffffff !default;
$color-tag-selectable-dark-hover-background: #4c3f29 !default;
$color-tag-selectable-dark-active-background: #f1e7d8 !default;
$color-tag-selectable-dark-active-border: #f1e7d8 !default;
$color-tag-selectable-dark-active-text: #191919 !default;
$color-tag-selectable-dark-selected-background: #b39465 !default;
$color-tag-selectable-dark-selected-border: #b39465 !default;
$color-tag-selectable-dark-selected-text: #191919 !default;
$color-tag-selectable-dark-selected-hover-background: #dcc39d !default;
$color-tag-selectable-dark-disabled-background: #4d4d4d !default;
$color-tag-selectable-dark-disabled-text: #808080 !default;
$color-tag-removable-light-background: #333333 !default;
$color-tag-removable-light-text: #ffffff !default;
$color-tag-removable-light-icon: #cccccc !default;
$color-tag-removable-light-hover-background: #4d4d4d !default;
$color-tag-removable-light-active-background: #666666 !default;
$color-tag-removable-dark-background: #cccccc !default;
$color-tag-removable-dark-text: #191919 !default;
$color-tag-removable-dark-icon: #191919 !default;
$color-tag-removable-dark-hover-background: #b3b3b3 !default;
$color-tag-removable-dark-active-background: #999999 !default;
$color-toggle-label: #000000 !default;
$color-toggle-off-background: #666666 !default;
$color-toggle-off-circle: #ffffff !default;
$color-toggle-on-background: #188803 !default;
$color-toggle-on-circle: #ffffff !default;
$color-toggle-hover-circle: #e6e6e6 !default;
$color-toggle-disabled-background: #cccccc !default;
$color-toggle-disabled-circle: #666666 !default;
$color-toggle-disabled-label: #808080 !default;
$color-toggle-disabled-checked-background: #cccccc !default;
$color-toggle-disabled-checked-circle: #666666 !default;
$color-tooltip-background: #4d4d4d !default;
$color-tooltip-border: #ffffff !default;
$color-secondary-ss-pink: #e4a897 !default;
$color-secondary-ss-orange: #f7b947 !default;
$color-secondary-ss-blue: #9bc2d4 !default;
$color-secondary-ss-bluedark: #2e758b !default;
$color-secondary-aw-pink: #cb715a !default;
$color-secondary-aw-green: #bbcfc6 !default;
$color-secondary-aw-greendark: #315b4e !default;
$color-secondary-aw-bluedark: #315b4e !default;
$color-secondary-loyalty-primary: #d48551 !default;
$color-secondary-loyalty-secondary: #deccbd !default;
$color-secondary-loyalty-minor: #666666 !default;
$font-family: Lato !default;
$font-weight-light: 300 !default;
$font-weight-regular: 400 !default;
$font-weight-semi-bold: 700 !default;
$preset: zodio !default;
$radius-s: 2 !default;
$radius-m: 4 !default;
$radius-l: 6 !default;
$radius-checkbox-s: 2 !default;
$radius-checkbox-m: 4 !default;
$radius-checkbox-l: 6 !default;
$radius-input-text: #191919 !default;
$radius-input-border: #666666 !default;
$radius-input-placeholder: #666666 !default;
$radius-input-background: #ffffff !default;
$radius-input-disabled-background: #e6e6e6 !default;
$radius-input-disabled-border: #e6e6e6 !default;
$radius-input-disabled-icon: #999999 !default;
$radius-input-disabled-label: #808080 !default;
$radius-input-hover-border: #191919 !default;
$radius-input-focus-border: #0b96cc !default;
$radius-input-valid-border: #46a610 !default;
$radius-input-valid-hover-border: #035010 !default;
$radius-input-invalid-border: #c61112 !default;
$radius-input-invalid-hover-border: #530000 !default;
$radius-input-checked-border: #927549 !default;
$radius-input-checked-background: #927549 !default;
$radius-input-checked-icon: #ffffff !default;
$radius-input-checked-hover-border: #3b3120 !default;
$shadow-s-x: 0px !default;
$shadow-s-y: 1px !default;
$shadow-s-blur: 5px !default;
$shadow-s-spread: 0px !default;
$shadow-s-opacity: 0.2 !default;
$shadow-m-x: 0px !default;
$shadow-m-y: 2px !default;
$shadow-m-blur: 10px !default;
$shadow-m-spread: 0px !default;
$shadow-m-opacity: 0.2 !default;
$shadow-l-x: 0px !default;
$shadow-l-y: 4px !default;
$shadow-l-blur: 20px !default;
$shadow-l-spread: 0px !default;
$shadow-l-opacity: 0.2 !default;
$magic-unit: 1 !default;
$local-rem-value: 16 !default;
$size-font-10: 2.5625rem !default; // 41px
$size-font-11: 3.0625rem !default; // 49px
$size-font-12: 3.6875rem !default; // 59px
$size-font-01: 0.6815rem !default; // 11px
$size-font-02: 0.75rem !default; // 12px
$size-font-03: 0.8125rem !default; // 13px
$size-font-04: 0.875rem !default; // 14px
$size-font-05: 1rem !default; // 16px
$size-font-06: 1.125rem !default; // 18px
$size-font-07: 1.4375rem !default; // 23px
$size-font-08: 1.75rem !default; // 28px
$size-font-09: 2.125rem !default; // 34px
$size-line-10-xs: 2.5rem !default; // 40px
$size-line-10-s: 3rem !default; // 48px
$size-line-10-m: 3.5rem !default; // 56px
$size-line-10-l: 3.75rem !default; // 60px
$size-line-11-xs: 3rem !default; // 48px
$size-line-11-s: 3.5rem !default; // 56px
$size-line-11-m: 4.25rem !default; // 68px
$size-line-11-l: 4.5rem !default; // 72px
$size-line-12-xs: 3.75rem !default; // 60px
$size-line-12-s: 4.25rem !default; // 68px
$size-line-12-m: 5rem !default; // 80px
$size-line-12-l: 5.5rem !default; // 88px
$size-line-01-xs: 0.75rem !default; // 12px
$size-line-01-s: 0.75rem !default; // 12px
$size-line-01-m: 0.875rem !default; // 14px
$size-line-01-l: 1rem !default; // 16px
$size-line-02-xs: 0.75rem !default; // 12px
$size-line-02-s: 0.875rem !default; // 14px
$size-line-02-m: 1rem !default; // 16px
$size-line-02-l: 1.125rem !default; // 18px
$size-line-03-xs: 0.875rem !default; // 14px
$size-line-03-s: 1rem !default; // 16px
$size-line-03-m: 1.125rem !default; // 18px
$size-line-03-l: 1.25rem !default; // 20px
$size-line-04-xs: 0.875rem !default; // 14px
$size-line-04-s: 1rem !default; // 16px
$size-line-04-m: 1.125rem !default; // 18px
$size-line-04-l: 1.375rem !default; // 22px
$size-line-05-xs: 1rem !default; // 16px
$size-line-05-s: 1.125rem !default; // 18px
$size-line-05-m: 1.375rem !default; // 22px
$size-line-05-l: 1.5rem !default; // 24px
$size-line-06-xs: 1.125rem !default; // 18px
$size-line-06-s: 1.25rem !default; // 20px
$size-line-06-m: 1.5rem !default; // 24px
$size-line-06-l: 1.75rem !default; // 28px
$size-line-07-xs: 1.5rem !default; // 24px
$size-line-07-s: 1.75rem !default; // 28px
$size-line-07-m: 2rem !default; // 32px
$size-line-07-l: 2.25rem !default; // 36px
$size-line-08-xs: 1.75rem !default; // 28px
$size-line-08-s: 2rem !default; // 32px
$size-line-08-m: 2.25rem !default; // 36px
$size-line-08-l: 2.75rem !default; // 44px
$size-line-09-xs: 2.25rem !default; // 36px
$size-line-09-s: 2.5rem !default; // 40px
$size-line-09-m: 2.75rem !default; // 44px
$size-line-09-l: 3.25rem !default; // 52px
$size-gutter-screen-s: 1rem !default;
$size-gutter-screen-m: 2rem !default;
$screen-s: 0px !default;
$screen-s-medium: 320px !default;
$screen-s-large: 360px !default;
$screen-s-xlarge: 390px !default;
$screen-m: 680px !default;
$screen-m-medium: 769px !default;
$screen-l: 1024px !default;
$screen-l-medium: 1100px !default;
$screen-xl: 1280px !default;
$screen-xl-medium: 1440px !default;
$screen-xl-large: 1680px !default;
$screen-xxl: 1920px !default;
$tokens: (
'border': (
's': $border-s,
'm': $border-m,
'l': $border-l
),
'color': (
'badge': (
'info': (
'background': $color-badge-info-background,
'border': $color-badge-info-border,
'text': $color-badge-info-text
),
'success': (
'background': $color-badge-success-background,
'border': $color-badge-success-border,
'text': $color-badge-success-text
),
'warning': (
'background': $color-badge-warning-background,
'border': $color-badge-warning-border,
'text': $color-badge-warning-text
),
'danger': (
'background': $color-badge-danger-background,
'border': $color-badge-danger-border,
'text': $color-badge-danger-text
),
'neutral': (
'background': $color-badge-neutral-background,
'border': $color-badge-neutral-border,
'text': $color-badge-neutral-text
)
),
'primary-01': (
'100': $color-primary-01-100,
'200': $color-primary-01-200,
'300': $color-primary-01-300,
'400': $color-primary-01-400,
'500': $color-primary-01-500,
'600': $color-primary-01-600,
'700': $color-primary-01-700,
'800': $color-primary-01-800,
'900': $color-primary-01-900
),
'primary-02': (
'100': $color-primary-02-100,
'200': $color-primary-02-200,
'300': $color-primary-02-300,
'400': $color-primary-02-400,
'500': $color-primary-02-500,
'600': $color-primary-02-600,
'700': $color-primary-02-700,
'800': $color-primary-02-800,
'900': $color-primary-02-900
),
'grey': (
'100': $color-grey-100,
'200': $color-grey-200,
'300': $color-grey-300,
'400': $color-grey-400,
'500': $color-grey-500,
'600': $color-grey-600,
'700': $color-grey-700,
'800': $color-grey-800,
'900': $color-grey-900,
'999': $color-grey-999,
'000': $color-grey-000
),
'secondary-blue': (
'100': $color-secondary-blue-100,
'200': $color-secondary-blue-200,
'300': $color-secondary-blue-300,
'400': $color-secondary-blue-400,
'500': $color-secondary-blue-500,
'600': $color-secondary-blue-600,
'700': $color-secondary-blue-700,
'800': $color-secondary-blue-800,
'900': $color-secondary-blue-900
),
'secondary-green': (
'100': $color-secondary-green-100,
'200': $color-secondary-green-200,
'300': $color-secondary-green-300,
'400': $color-secondary-green-400,
'500': $color-secondary-green-500,
'600': $color-secondary-green-600,
'700': $color-secondary-green-700,
'800': $color-secondary-green-800,
'900': $color-secondary-green-900
),
'secondary-purple': (
'100': $color-secondary-purple-100,
'200': $color-secondary-purple-200,
'300': $color-secondary-purple-300,
'400': $color-secondary-purple-400,
'500': $color-secondary-purple-500,
'600': $color-secondary-purple-600,
'700': $color-secondary-purple-700,
'800': $color-secondary-purple-800,
'900': $color-secondary-purple-900
),
'secondary-red': (
'100': $color-secondary-red-100,
'200': $color-secondary-red-200,
'300': $color-secondary-red-300,
'400': $color-secondary-red-400,
'500': $color-secondary-red-500,
'600': $color-secondary-red-600,
'700': $color-secondary-red-700,
'800': $color-secondary-red-800,
'900': $color-secondary-red-900
),
'secondary-orange': (
'100': $color-secondary-orange-100,
'200': $color-secondary-orange-200,
'300': $color-secondary-orange-300,
'400': $color-secondary-orange-400,
'500': $color-secondary-orange-500,
'600': $color-secondary-orange-600,
'700': $color-secondary-orange-700,
'800': $color-secondary-orange-800,
'900': $color-secondary-orange-900
),
'secondary-yellow': (
'100': $color-secondary-yellow-100,
'200': $color-secondary-yellow-200,
'300': $color-secondary-yellow-300,
'400': $color-secondary-yellow-400,
'500': $color-secondary-yellow-500,
'600': $color-secondary-yellow-600,
'700': $color-secondary-yellow-700,
'800': $color-secondary-yellow-800,
'900': $color-secondary-yellow-900
),
'danger': (
'100': $color-danger-100,
'200': $color-danger-200,
'300': $color-danger-300,
'400': $color-danger-400,
'500': $color-danger-500,
'600': $color-danger-600,
'700': $color-danger-700,
'800': $color-danger-800,
'900': $color-danger-900
),
'info': (
'100': $color-info-100,
'200': $color-info-200,
'300': $color-info-300,
'400': $color-info-400,
'500': $color-info-500,
'600': $color-info-600,
'700': $color-info-700,
'800': $color-info-800,
'900': $color-info-900
),
'warning': (
'100': $color-warning-100,
'200': $color-warning-200,
'300': $color-warning-300,
'400': $color-warning-400,
'500': $color-warning-500,
'600': $color-warning-600,
'700': $color-warning-700,
'800': $color-warning-800,
'900': $color-warning-900
),
'success': (
'100': $color-success-100,
'200': $color-success-200,
'300': $color-success-300,
'400': $color-success-400,
'500': $color-success-500,
'600': $color-success-600,
'700': $color-success-700,
'800': $color-success-800,
'900': $color-success-900
),
'breadcrumb': (
'arrow': $color-breadcrumb-arrow,
'arrow-invert': $color-breadcrumb-arrow-invert
),
'button': (
'solid': (
'background': $color-button-solid-background,
'font': $color-button-solid-font,
'focus': (
'border': $color-button-solid-focus-border
),
'disabled': (
'background': $color-button-solid-disabled-background,
'font': $color-button-solid-disabled-font
),
'active': (
'background': $color-button-solid-active-background
),
'hover': (
'background': $color-button-solid-hover-background,
'font': $color-button-solid-hover-font
)
),
'solid-primary-02': (
'background': $color-button-solid-primary-02-background,
'font': $color-button-solid-primary-02-font,
'focus': (
'border': $color-button-solid-primary-02-focus-border
),
'disabled': (
'background': $color-button-solid-primary-02-disabled-background,
'font': $color-button-solid-primary-02-disabled-font
),
'active': (
'background': $color-button-solid-primary-02-active-background
),
'hover': (
'background': $color-button-solid-primary-02-hover-background,
'font': $color-button-solid-primary-02-hover-font
)
),
'solid-neutral': (
'background': $color-button-solid-neutral-background,
'font': $color-button-solid-neutral-font,
'focus': (
'border': $color-button-solid-neutral-focus-border
),
'disabled': (
'background': $color-button-solid-neutral-disabled-background,
'font': $color-button-solid-neutral-disabled-font
),
'active': (
'background': $color-button-solid-neutral-active-background
),
'hover': (
'background': $color-button-solid-neutral-hover-background,
'font': $color-button-solid-neutral-hover-font
)
),
'solid-danger': (
'background': $color-button-solid-danger-background,
'font': $color-button-solid-danger-font,
'focus': (
'border': $color-button-solid-danger-focus-border
),
'disabled': (
'background': $color-button-solid-danger-disabled-background,
'font': $color-button-solid-danger-disabled-font
),
'active': (
'background': $color-button-solid-danger-active-background
),
'hover': (
'background': $color-button-solid-danger-hover-background,
'font': $color-button-solid-danger-hover-font
)
),
'bordered': (
'background': $color-button-bordered-background,
'border': $color-button-bordered-border,
'font': $color-button-bordered-font,
'focus': (
'border': $color-button-bordered-focus-border
),
'disabled': (
'background': $color-button-bordered-disabled-background,
'font': $color-button-bordered-disabled-font
),
'active': (
'background': $color-button-bordered-active-background,
'font': $color-button-bordered-active-font
),
'hover': (
'background': $color-button-bordered-hover-background,
'font': $color-button-bordered-hover-font
)
),
'bordered-primary-02': (
'background': $color-button-bordered-primary-02-background,
'border': $color-button-bordered-primary-02-border,
'font': $color-button-bordered-primary-02-font,
'focus': (
'border': $color-button-bordered-primary-02-focus-border
),
'disabled': (
'background': $color-button-bordered-primary-02-disabled-background,
'font': $color-button-bordered-primary-02-disabled-font
),
'active': (
'background': $color-button-bordered-primary-02-active-background
),
'hover': (
'background': $color-button-bordered-primary-02-hover-background
)
),
'bordered-neutral': (
'background': $color-button-bordered-neutral-background,
'border': $color-button-bordered-neutral-border,
'font': $color-button-bordered-neutral-font,
'focus': (
'border': $color-button-bordered-neutral-focus-border
),
'disabled': (
'background': $color-button-bordered-neutral-disabled-background,
'font': $color-button-bordered-neutral-disabled-font
),
'active': (
'background': $color-button-bordered-neutral-active-background
),
'hover': (
'background': $color-button-bordered-neutral-hover-background
)
),
'bordered-danger': (
'background': $color-button-bordered-danger-background,
'border': $color-button-bordered-danger-border,
'font': $color-button-bordered-danger-font,
'focus': (
'border': $color-button-bordered-danger-focus-border
),
'disabled': (
'background': $color-button-bordered-danger-disabled-background,
'font': $color-button-bordered-danger-disabled-font
),
'active': (
'background': $color-button-bordered-danger-active-background,
'font': $color-button-bordered-danger-active-font
),
'hover': (
'background': $color-button-bordered-danger-hover-background,
'font': $color-button-bordered-danger-hover-font
)
),