oasys-lib 3.3.1 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,14 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Sep 2026 10:50:35 GMT
3
+ * Generated on Wed, 23 Sep 2026 15:45:58 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bergamotte-loyalty-tier-2 {
7
7
  --oasys-color-partners-paypal: rgb(255, 196, 58);
8
8
  --oasys-color-partners-facebook: rgb(72, 91, 148);
9
9
  --oasys-color-partners-trustpilot: rgb(41, 180, 124);
10
- --oasys-color-green-10: rgb(240, 246, 244);
11
- --oasys-color-green-60: rgb(68, 121, 100);
12
10
  --oasys-color-lilac-50: rgb(165, 170, 253);
13
11
  --oasys-color-blue-10: rgb(238, 237, 247);
14
12
  --oasys-color-blue-20: rgb(225, 223, 241);
@@ -68,8 +66,10 @@
68
66
  --oasys-color-grey-100: rgb(18, 18, 18);
69
67
  --oasys-color-white: rgb(255, 255, 255);
70
68
  --oasys-color-transparent: rgba(0, 0, 0, 0);
69
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
70
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
71
71
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
72
- --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
72
+ --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
73
73
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
74
74
  --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
75
75
  --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
@@ -89,9 +89,9 @@
89
89
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
90
90
  --oasys-color-brand-background-icon: #FDD5EE;
91
91
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
92
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
92
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
93
93
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
94
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
94
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
95
95
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
96
96
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
97
97
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -125,6 +125,13 @@
125
125
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
126
126
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
127
127
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
128
+ --oasys-color-sage-60: rgb(0, 0, 0);
129
+ --oasys-color-sage-80: rgb(0, 0, 0);
130
+ --oasys-color-clay-50: rgb(182, 107, 85);
131
+ --oasys-color-clay-60: rgb(158, 80, 57);
132
+ --oasys-color-slate-80: rgb(56, 55, 55);
133
+ --oasys-color-slate-90: rgb(28, 28, 28);
134
+ --oasys-color-cotton-10: rgb(247, 246, 243);
128
135
  --oasys-size-unit-0: 0;
129
136
  --oasys-size-unit-1: 0.1rem;
130
137
  --oasys-size-unit-2: 0.2rem;
@@ -168,9 +175,11 @@
168
175
  --oasys-animation-duration-progress: 1500;
169
176
  --oasys-animation-timing-function-soft: 0.77,-0.01,0.59,0.98;
170
177
  --oasys-animation-timing-function-progress: 0.3,0.01,0,1;
171
- --oasys-typography-font-families-unica-77-ll-tt: 'Comic Sans MS';
172
- --oasys-typography-font-families-tiempos-headline: 'Comic Sans MS';
173
- --oasys-typography-font-families-patron: 'Comic Sans MS';
178
+ --oasys-typography-font-families-unica-77-ll-tt: 'Unica 77 LL TT';
179
+ --oasys-typography-font-families-tiempos-headline: 'Tiempos Headline';
180
+ --oasys-typography-font-families-patron: Patron;
181
+ --oasys-typography-font-families-lyon-display: 'Lyon Display';
182
+ --oasys-typography-font-families-abcdiatype: 'ABC Diatype';
174
183
  --oasys-typography-line-heights-14: 1.4rem;
175
184
  --oasys-typography-line-heights-16: 1.6rem;
176
185
  --oasys-typography-line-heights-20: 2rem;
@@ -206,8 +215,8 @@
206
215
  --oasys-typography-text-decoration-none: none;
207
216
  --oasys-typography-text-decoration-line-through: line-through;
208
217
  --oasys-typography-paragraph-indent-0: 0;
209
- --oasys-typography-font-primary: 'Comic Sans MS';
210
- --oasys-typography-font-display: 'Comic Sans MS';
218
+ --oasys-typography-font-primary: 'ABC Diatype';
219
+ --oasys-typography-font-display: 'Lyon Display';
211
220
  --oasys-typography-weight-regular: 400;
212
221
  --oasys-typography-weight-emphasis: 500;
213
222
  --oasys-typography-weight-display: 700;
@@ -386,7 +395,7 @@
386
395
  --oasys-typography-role-text-decoration-heading-func-secondary-mobile: none;
387
396
  --oasys-typography-role-text-decoration-heading-label-primary: none;
388
397
  --oasys-typography-role-text-decoration-heading-label-secondary: none;
389
- --oasys-typography-body-body-font-family: 'Comic Sans MS';
398
+ --oasys-typography-body-body-font-family: 'ABC Diatype';
390
399
  --oasys-typography-body-body-font-weight: 400;
391
400
  --oasys-typography-body-body-line-height: 2.4rem;
392
401
  --oasys-typography-body-body-font-size: 1.6rem;
@@ -395,7 +404,7 @@
395
404
  --oasys-typography-body-body-paragraph-indent: 0;
396
405
  --oasys-typography-body-body-text-case: none;
397
406
  --oasys-typography-body-body-text-decoration: none;
398
- --oasys-typography-body-supporting-font-family: 'Comic Sans MS';
407
+ --oasys-typography-body-supporting-font-family: 'ABC Diatype';
399
408
  --oasys-typography-body-supporting-font-weight: 400;
400
409
  --oasys-typography-body-supporting-line-height: 2rem;
401
410
  --oasys-typography-body-supporting-font-size: 1.4rem;
@@ -404,7 +413,7 @@
404
413
  --oasys-typography-body-supporting-paragraph-indent: 0;
405
414
  --oasys-typography-body-supporting-text-case: none;
406
415
  --oasys-typography-body-supporting-text-decoration: none;
407
- --oasys-typography-body-micro-font-family: 'Comic Sans MS';
416
+ --oasys-typography-body-micro-font-family: 'ABC Diatype';
408
417
  --oasys-typography-body-micro-font-weight: 400;
409
418
  --oasys-typography-body-micro-line-height: 1.4rem;
410
419
  --oasys-typography-body-micro-font-size: 1.2rem;
@@ -413,7 +422,7 @@
413
422
  --oasys-typography-body-micro-paragraph-indent: 0;
414
423
  --oasys-typography-body-micro-text-case: none;
415
424
  --oasys-typography-body-micro-text-decoration: none;
416
- --oasys-typography-body-hero-font-family: 'Comic Sans MS';
425
+ --oasys-typography-body-hero-font-family: 'ABC Diatype';
417
426
  --oasys-typography-body-hero-font-weight: 400;
418
427
  --oasys-typography-body-hero-line-height: 2.8rem;
419
428
  --oasys-typography-body-hero-font-size: 2rem;
@@ -422,7 +431,7 @@
422
431
  --oasys-typography-body-hero-paragraph-indent: 0;
423
432
  --oasys-typography-body-hero-text-case: none;
424
433
  --oasys-typography-body-hero-text-decoration: none;
425
- --oasys-typography-body-expressive-font-family: 'Comic Sans MS';
434
+ --oasys-typography-body-expressive-font-family: 'Lyon Display';
426
435
  --oasys-typography-body-expressive-font-weight: 700;
427
436
  --oasys-typography-body-expressive-line-height: 3.2rem;
428
437
  --oasys-typography-body-expressive-font-size: 2.4rem;
@@ -431,7 +440,7 @@
431
440
  --oasys-typography-body-expressive-paragraph-indent: 0;
432
441
  --oasys-typography-body-expressive-text-case: none;
433
442
  --oasys-typography-body-expressive-text-decoration: none;
434
- --oasys-typography-body-emphasis-hero-font-family: 'Comic Sans MS';
443
+ --oasys-typography-body-emphasis-hero-font-family: 'ABC Diatype';
435
444
  --oasys-typography-body-emphasis-hero-font-weight: 500;
436
445
  --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
437
446
  --oasys-typography-body-emphasis-hero-font-size: 2rem;
@@ -440,7 +449,7 @@
440
449
  --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
441
450
  --oasys-typography-body-emphasis-hero-text-case: none;
442
451
  --oasys-typography-body-emphasis-hero-text-decoration: none;
443
- --oasys-typography-body-emphasis-body-font-family: 'Comic Sans MS';
452
+ --oasys-typography-body-emphasis-body-font-family: 'ABC Diatype';
444
453
  --oasys-typography-body-emphasis-body-font-weight: 500;
445
454
  --oasys-typography-body-emphasis-body-line-height: 2.4rem;
446
455
  --oasys-typography-body-emphasis-body-font-size: 1.6rem;
@@ -449,7 +458,7 @@
449
458
  --oasys-typography-body-emphasis-body-paragraph-indent: 0;
450
459
  --oasys-typography-body-emphasis-body-text-case: none;
451
460
  --oasys-typography-body-emphasis-body-text-decoration: none;
452
- --oasys-typography-body-emphasis-supporting-font-family: 'Comic Sans MS';
461
+ --oasys-typography-body-emphasis-supporting-font-family: 'ABC Diatype';
453
462
  --oasys-typography-body-emphasis-supporting-font-weight: 500;
454
463
  --oasys-typography-body-emphasis-supporting-line-height: 2rem;
455
464
  --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
@@ -458,7 +467,7 @@
458
467
  --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
459
468
  --oasys-typography-body-emphasis-supporting-text-case: none;
460
469
  --oasys-typography-body-emphasis-supporting-text-decoration: none;
461
- --oasys-typography-body-emphasis-line-through-hero-font-family: 'Comic Sans MS';
470
+ --oasys-typography-body-emphasis-line-through-hero-font-family: 'ABC Diatype';
462
471
  --oasys-typography-body-emphasis-line-through-hero-font-weight: 500;
463
472
  --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
464
473
  --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
@@ -467,7 +476,7 @@
467
476
  --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
468
477
  --oasys-typography-body-emphasis-line-through-hero-text-case: none;
469
478
  --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
470
- --oasys-typography-body-emphasis-line-through-body-font-family: 'Comic Sans MS';
479
+ --oasys-typography-body-emphasis-line-through-body-font-family: 'ABC Diatype';
471
480
  --oasys-typography-body-emphasis-line-through-body-font-weight: 500;
472
481
  --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
473
482
  --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
@@ -476,7 +485,7 @@
476
485
  --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
477
486
  --oasys-typography-body-emphasis-line-through-body-text-case: none;
478
487
  --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
479
- --oasys-typography-body-emphasis-line-through-supporting-font-family: 'Comic Sans MS';
488
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: 'ABC Diatype';
480
489
  --oasys-typography-body-emphasis-line-through-supporting-font-weight: 500;
481
490
  --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
482
491
  --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
@@ -485,7 +494,7 @@
485
494
  --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
486
495
  --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
487
496
  --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
488
- --oasys-typography-body-line-through-hero-font-family: 'Comic Sans MS';
497
+ --oasys-typography-body-line-through-hero-font-family: 'ABC Diatype';
489
498
  --oasys-typography-body-line-through-hero-font-weight: 400;
490
499
  --oasys-typography-body-line-through-hero-line-height: 3.2rem;
491
500
  --oasys-typography-body-line-through-hero-font-size: 2rem;
@@ -494,7 +503,7 @@
494
503
  --oasys-typography-body-line-through-hero-paragraph-indent: 0;
495
504
  --oasys-typography-body-line-through-hero-text-case: none;
496
505
  --oasys-typography-body-line-through-hero-text-decoration: line-through;
497
- --oasys-typography-body-line-through-body-font-family: 'Comic Sans MS';
506
+ --oasys-typography-body-line-through-body-font-family: 'ABC Diatype';
498
507
  --oasys-typography-body-line-through-body-font-weight: 400;
499
508
  --oasys-typography-body-line-through-body-line-height: 2.4rem;
500
509
  --oasys-typography-body-line-through-body-font-size: 1.6rem;
@@ -503,7 +512,7 @@
503
512
  --oasys-typography-body-line-through-body-paragraph-indent: 0;
504
513
  --oasys-typography-body-line-through-body-text-case: none;
505
514
  --oasys-typography-body-line-through-body-text-decoration: line-through;
506
- --oasys-typography-body-line-through-supporting-font-family: 'Comic Sans MS';
515
+ --oasys-typography-body-line-through-supporting-font-family: 'ABC Diatype';
507
516
  --oasys-typography-body-line-through-supporting-font-weight: 400;
508
517
  --oasys-typography-body-line-through-supporting-line-height: 2rem;
509
518
  --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
@@ -512,7 +521,7 @@
512
521
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
513
522
  --oasys-typography-body-line-through-supporting-text-case: none;
514
523
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
515
- --oasys-typography-heading-hero-desktop-font-family: 'Comic Sans MS';
524
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
516
525
  --oasys-typography-heading-hero-desktop-font-weight: 700;
517
526
  --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
518
527
  --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
@@ -521,7 +530,7 @@
521
530
  --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
522
531
  --oasys-typography-heading-hero-desktop-text-case: none;
523
532
  --oasys-typography-heading-hero-desktop-text-decoration: none;
524
- --oasys-typography-heading-hero-mobile-font-family: 'Comic Sans MS';
533
+ --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
525
534
  --oasys-typography-heading-hero-mobile-font-weight: 700;
526
535
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
527
536
  --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
@@ -530,7 +539,7 @@
530
539
  --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
531
540
  --oasys-typography-heading-hero-mobile-text-case: none;
532
541
  --oasys-typography-heading-hero-mobile-text-decoration: none;
533
- --oasys-typography-heading-primary-desktop-font-family: 'Comic Sans MS';
542
+ --oasys-typography-heading-primary-desktop-font-family: 'Lyon Display';
534
543
  --oasys-typography-heading-primary-desktop-font-weight: 700;
535
544
  --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
536
545
  --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
@@ -539,7 +548,7 @@
539
548
  --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
540
549
  --oasys-typography-heading-primary-desktop-text-case: none;
541
550
  --oasys-typography-heading-primary-desktop-text-decoration: none;
542
- --oasys-typography-heading-primary-mobile-font-family: 'Comic Sans MS';
551
+ --oasys-typography-heading-primary-mobile-font-family: 'Lyon Display';
543
552
  --oasys-typography-heading-primary-mobile-font-weight: 700;
544
553
  --oasys-typography-heading-primary-mobile-line-height: 4rem;
545
554
  --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
@@ -548,7 +557,7 @@
548
557
  --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
549
558
  --oasys-typography-heading-primary-mobile-text-case: none;
550
559
  --oasys-typography-heading-primary-mobile-text-decoration: none;
551
- --oasys-typography-heading-secondary-font-family: 'Comic Sans MS';
560
+ --oasys-typography-heading-secondary-font-family: 'Lyon Display';
552
561
  --oasys-typography-heading-secondary-font-weight: 700;
553
562
  --oasys-typography-heading-secondary-line-height: 4rem;
554
563
  --oasys-typography-heading-secondary-font-size: 3.2rem;
@@ -557,7 +566,7 @@
557
566
  --oasys-typography-heading-secondary-paragraph-indent: 0;
558
567
  --oasys-typography-heading-secondary-text-case: none;
559
568
  --oasys-typography-heading-secondary-text-decoration: none;
560
- --oasys-typography-heading-func-primary-desktop-font-family: 'Comic Sans MS';
569
+ --oasys-typography-heading-func-primary-desktop-font-family: 'ABC Diatype';
561
570
  --oasys-typography-heading-func-primary-desktop-font-weight: 500;
562
571
  --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
563
572
  --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
@@ -566,7 +575,7 @@
566
575
  --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
567
576
  --oasys-typography-heading-func-primary-desktop-text-case: none;
568
577
  --oasys-typography-heading-func-primary-desktop-text-decoration: none;
569
- --oasys-typography-heading-func-primary-mobile-font-family: 'Comic Sans MS';
578
+ --oasys-typography-heading-func-primary-mobile-font-family: 'ABC Diatype';
570
579
  --oasys-typography-heading-func-primary-mobile-font-weight: 500;
571
580
  --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
572
581
  --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
@@ -575,7 +584,7 @@
575
584
  --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
576
585
  --oasys-typography-heading-func-primary-mobile-text-case: none;
577
586
  --oasys-typography-heading-func-primary-mobile-text-decoration: none;
578
- --oasys-typography-heading-func-secondary-desktop-font-family: 'Comic Sans MS';
587
+ --oasys-typography-heading-func-secondary-desktop-font-family: 'ABC Diatype';
579
588
  --oasys-typography-heading-func-secondary-desktop-font-weight: 500;
580
589
  --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
581
590
  --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
@@ -584,7 +593,7 @@
584
593
  --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
585
594
  --oasys-typography-heading-func-secondary-desktop-text-case: none;
586
595
  --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
587
- --oasys-typography-heading-func-secondary-mobile-font-family: 'Comic Sans MS';
596
+ --oasys-typography-heading-func-secondary-mobile-font-family: 'ABC Diatype';
588
597
  --oasys-typography-heading-func-secondary-mobile-font-weight: 500;
589
598
  --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
590
599
  --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
@@ -593,7 +602,7 @@
593
602
  --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
594
603
  --oasys-typography-heading-func-secondary-mobile-text-case: none;
595
604
  --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
596
- --oasys-typography-heading-label-primary-font-family: 'Comic Sans MS';
605
+ --oasys-typography-heading-label-primary-font-family: 'ABC Diatype';
597
606
  --oasys-typography-heading-label-primary-font-weight: 500;
598
607
  --oasys-typography-heading-label-primary-line-height: 2.4rem;
599
608
  --oasys-typography-heading-label-primary-font-size: 1.8rem;
@@ -602,7 +611,7 @@
602
611
  --oasys-typography-heading-label-primary-paragraph-indent: 0;
603
612
  --oasys-typography-heading-label-primary-text-case: none;
604
613
  --oasys-typography-heading-label-primary-text-decoration: none;
605
- --oasys-typography-heading-label-secondary-font-family: 'Comic Sans MS';
614
+ --oasys-typography-heading-label-secondary-font-family: 'ABC Diatype';
606
615
  --oasys-typography-heading-label-secondary-font-weight: 500;
607
616
  --oasys-typography-heading-label-secondary-line-height: 2rem;
608
617
  --oasys-typography-heading-label-secondary-font-size: 1.4rem;
@@ -722,15 +731,15 @@
722
731
  --oasys-component-button-text-transform: none;
723
732
  --oasys-component-button-content-stack: 0.8rem;
724
733
  --oasys-component-button-content-height: 2rem;
725
- --oasys-component-button-color-primary-background: #FBADDD;
726
- --oasys-component-button-color-primary-border: #FBADDD;
734
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
735
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
727
736
  --oasys-component-button-color-primary-text: #F535AA;
728
- --oasys-component-button-color-primary-selected-border: #FBADDD;
729
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
730
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
731
- --oasys-component-button-color-secondary-background: #FDD5EE;
732
- --oasys-component-button-color-secondary-border: #FBADDD;
733
- --oasys-component-button-color-secondary-text: #F535AA;
737
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
738
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
739
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
740
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
741
+ --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
742
+ --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
734
743
  --oasys-component-button-color-secondary-selected-border: #FBADDD;
735
744
  --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
736
745
  --oasys-component-button-color-secondary-hover-overlay: #FBADDD;
@@ -893,8 +902,6 @@
893
902
  --oasys-color-partners-paypal: rgb(255, 196, 58);
894
903
  --oasys-color-partners-facebook: rgb(72, 91, 148);
895
904
  --oasys-color-partners-trustpilot: rgb(41, 180, 124);
896
- --oasys-color-green-10: rgb(240, 246, 244);
897
- --oasys-color-green-60: rgb(68, 121, 100);
898
905
  --oasys-color-lilac-50: rgb(165, 170, 253);
899
906
  --oasys-color-blue-10: rgb(238, 237, 247);
900
907
  --oasys-color-blue-20: rgb(225, 223, 241);
@@ -954,8 +961,10 @@
954
961
  --oasys-color-grey-100: rgb(18, 18, 18);
955
962
  --oasys-color-white: rgb(255, 255, 255);
956
963
  --oasys-color-transparent: rgba(0, 0, 0, 0);
964
+ --oasys-color-cotton-grey-20: rgb(222, 221, 219);
965
+ --oasys-color-cotten-grey-30: rgb(204, 196, 189);
957
966
  --oasys-color-brand-foreground-primary: rgb(245, 53, 170);
958
- --oasys-color-brand-foreground-secondary: rgb(245, 53, 170);
967
+ --oasys-color-brand-foreground-secondary: rgb(247, 246, 243);
959
968
  --oasys-color-brand-foreground-primary-on-dark: rgb(245, 53, 170);
960
969
  --oasys-color-brand-foreground-secondary-on-dark: rgb(245, 53, 170);
961
970
  --oasys-color-brand-foreground-discount: rgb(245, 53, 170);
@@ -975,9 +984,9 @@
975
984
  --oasys-color-brand-background-progress-bar-goal-active: #FDD5EE;
976
985
  --oasys-color-brand-background-icon: #FDD5EE;
977
986
  --oasys-color-brand-background-icon-on-dark: #FDD5EE;
978
- --oasys-color-interaction-foreground-primary: rgb(245, 53, 170);
987
+ --oasys-color-interaction-foreground-primary: rgb(56, 55, 55);
979
988
  --oasys-color-interaction-foreground-primary-on-dark: rgb(245, 53, 170);
980
- --oasys-color-interaction-foreground-selected: rgb(245, 53, 170);
989
+ --oasys-color-interaction-foreground-selected: rgb(56, 55, 55);
981
990
  --oasys-color-interaction-foreground-disabled: rgb(245, 53, 170);
982
991
  --oasys-color-interaction-background-primary: rgb(253, 213, 238);
983
992
  --oasys-color-interaction-background-primary-on-dark: rgb(253, 213, 238);
@@ -1011,6 +1020,13 @@
1011
1020
  --oasys-color-rewards-foreground-highlight: rgb(245, 53, 170);
1012
1021
  --oasys-color-rewards-border-primary: rgb(251, 173, 221);
1013
1022
  --oasys-color-rewards-border-primary-on-dark: rgb(251, 173, 221);
1023
+ --oasys-color-sage-60: rgb(0, 0, 0);
1024
+ --oasys-color-sage-80: rgb(0, 0, 0);
1025
+ --oasys-color-clay-50: rgb(182, 107, 85);
1026
+ --oasys-color-clay-60: rgb(158, 80, 57);
1027
+ --oasys-color-slate-80: rgb(56, 55, 55);
1028
+ --oasys-color-slate-90: rgb(28, 28, 28);
1029
+ --oasys-color-cotton-10: rgb(247, 246, 243);
1014
1030
  --oasys-size-unit-0: 0;
1015
1031
  --oasys-size-unit-1: 0.1rem;
1016
1032
  --oasys-size-unit-2: 0.2rem;
@@ -1054,9 +1070,11 @@
1054
1070
  --oasys-animation-duration-progress: 1500;
1055
1071
  --oasys-animation-timing-function-soft: 0.77,-0.01,0.59,0.98;
1056
1072
  --oasys-animation-timing-function-progress: 0.3,0.01,0,1;
1057
- --oasys-typography-font-families-unica-77-ll-tt: 'Comic Sans MS';
1058
- --oasys-typography-font-families-tiempos-headline: 'Comic Sans MS';
1059
- --oasys-typography-font-families-patron: 'Comic Sans MS';
1073
+ --oasys-typography-font-families-unica-77-ll-tt: 'Unica 77 LL TT';
1074
+ --oasys-typography-font-families-tiempos-headline: 'Tiempos Headline';
1075
+ --oasys-typography-font-families-patron: Patron;
1076
+ --oasys-typography-font-families-lyon-display: 'Lyon Display';
1077
+ --oasys-typography-font-families-abcdiatype: 'ABC Diatype';
1060
1078
  --oasys-typography-line-heights-14: 1.4rem;
1061
1079
  --oasys-typography-line-heights-16: 1.6rem;
1062
1080
  --oasys-typography-line-heights-20: 2rem;
@@ -1092,8 +1110,8 @@
1092
1110
  --oasys-typography-text-decoration-none: none;
1093
1111
  --oasys-typography-text-decoration-line-through: line-through;
1094
1112
  --oasys-typography-paragraph-indent-0: 0;
1095
- --oasys-typography-font-primary: 'Comic Sans MS';
1096
- --oasys-typography-font-display: 'Comic Sans MS';
1113
+ --oasys-typography-font-primary: 'ABC Diatype';
1114
+ --oasys-typography-font-display: 'Lyon Display';
1097
1115
  --oasys-typography-weight-regular: 400;
1098
1116
  --oasys-typography-weight-emphasis: 500;
1099
1117
  --oasys-typography-weight-display: 700;
@@ -1272,7 +1290,7 @@
1272
1290
  --oasys-typography-role-text-decoration-heading-func-secondary-mobile: none;
1273
1291
  --oasys-typography-role-text-decoration-heading-label-primary: none;
1274
1292
  --oasys-typography-role-text-decoration-heading-label-secondary: none;
1275
- --oasys-typography-body-body-font-family: 'Comic Sans MS';
1293
+ --oasys-typography-body-body-font-family: 'ABC Diatype';
1276
1294
  --oasys-typography-body-body-font-weight: 400;
1277
1295
  --oasys-typography-body-body-line-height: 2.4rem;
1278
1296
  --oasys-typography-body-body-font-size: 1.6rem;
@@ -1281,7 +1299,7 @@
1281
1299
  --oasys-typography-body-body-paragraph-indent: 0;
1282
1300
  --oasys-typography-body-body-text-case: none;
1283
1301
  --oasys-typography-body-body-text-decoration: none;
1284
- --oasys-typography-body-supporting-font-family: 'Comic Sans MS';
1302
+ --oasys-typography-body-supporting-font-family: 'ABC Diatype';
1285
1303
  --oasys-typography-body-supporting-font-weight: 400;
1286
1304
  --oasys-typography-body-supporting-line-height: 2rem;
1287
1305
  --oasys-typography-body-supporting-font-size: 1.4rem;
@@ -1290,7 +1308,7 @@
1290
1308
  --oasys-typography-body-supporting-paragraph-indent: 0;
1291
1309
  --oasys-typography-body-supporting-text-case: none;
1292
1310
  --oasys-typography-body-supporting-text-decoration: none;
1293
- --oasys-typography-body-micro-font-family: 'Comic Sans MS';
1311
+ --oasys-typography-body-micro-font-family: 'ABC Diatype';
1294
1312
  --oasys-typography-body-micro-font-weight: 400;
1295
1313
  --oasys-typography-body-micro-line-height: 1.4rem;
1296
1314
  --oasys-typography-body-micro-font-size: 1.2rem;
@@ -1299,7 +1317,7 @@
1299
1317
  --oasys-typography-body-micro-paragraph-indent: 0;
1300
1318
  --oasys-typography-body-micro-text-case: none;
1301
1319
  --oasys-typography-body-micro-text-decoration: none;
1302
- --oasys-typography-body-hero-font-family: 'Comic Sans MS';
1320
+ --oasys-typography-body-hero-font-family: 'ABC Diatype';
1303
1321
  --oasys-typography-body-hero-font-weight: 400;
1304
1322
  --oasys-typography-body-hero-line-height: 2.8rem;
1305
1323
  --oasys-typography-body-hero-font-size: 2rem;
@@ -1308,7 +1326,7 @@
1308
1326
  --oasys-typography-body-hero-paragraph-indent: 0;
1309
1327
  --oasys-typography-body-hero-text-case: none;
1310
1328
  --oasys-typography-body-hero-text-decoration: none;
1311
- --oasys-typography-body-expressive-font-family: 'Comic Sans MS';
1329
+ --oasys-typography-body-expressive-font-family: 'Lyon Display';
1312
1330
  --oasys-typography-body-expressive-font-weight: 700;
1313
1331
  --oasys-typography-body-expressive-line-height: 3.2rem;
1314
1332
  --oasys-typography-body-expressive-font-size: 2.4rem;
@@ -1317,7 +1335,7 @@
1317
1335
  --oasys-typography-body-expressive-paragraph-indent: 0;
1318
1336
  --oasys-typography-body-expressive-text-case: none;
1319
1337
  --oasys-typography-body-expressive-text-decoration: none;
1320
- --oasys-typography-body-emphasis-hero-font-family: 'Comic Sans MS';
1338
+ --oasys-typography-body-emphasis-hero-font-family: 'ABC Diatype';
1321
1339
  --oasys-typography-body-emphasis-hero-font-weight: 500;
1322
1340
  --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
1323
1341
  --oasys-typography-body-emphasis-hero-font-size: 2rem;
@@ -1326,7 +1344,7 @@
1326
1344
  --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
1327
1345
  --oasys-typography-body-emphasis-hero-text-case: none;
1328
1346
  --oasys-typography-body-emphasis-hero-text-decoration: none;
1329
- --oasys-typography-body-emphasis-body-font-family: 'Comic Sans MS';
1347
+ --oasys-typography-body-emphasis-body-font-family: 'ABC Diatype';
1330
1348
  --oasys-typography-body-emphasis-body-font-weight: 500;
1331
1349
  --oasys-typography-body-emphasis-body-line-height: 2.4rem;
1332
1350
  --oasys-typography-body-emphasis-body-font-size: 1.6rem;
@@ -1335,7 +1353,7 @@
1335
1353
  --oasys-typography-body-emphasis-body-paragraph-indent: 0;
1336
1354
  --oasys-typography-body-emphasis-body-text-case: none;
1337
1355
  --oasys-typography-body-emphasis-body-text-decoration: none;
1338
- --oasys-typography-body-emphasis-supporting-font-family: 'Comic Sans MS';
1356
+ --oasys-typography-body-emphasis-supporting-font-family: 'ABC Diatype';
1339
1357
  --oasys-typography-body-emphasis-supporting-font-weight: 500;
1340
1358
  --oasys-typography-body-emphasis-supporting-line-height: 2rem;
1341
1359
  --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
@@ -1344,7 +1362,7 @@
1344
1362
  --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
1345
1363
  --oasys-typography-body-emphasis-supporting-text-case: none;
1346
1364
  --oasys-typography-body-emphasis-supporting-text-decoration: none;
1347
- --oasys-typography-body-emphasis-line-through-hero-font-family: 'Comic Sans MS';
1365
+ --oasys-typography-body-emphasis-line-through-hero-font-family: 'ABC Diatype';
1348
1366
  --oasys-typography-body-emphasis-line-through-hero-font-weight: 500;
1349
1367
  --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
1350
1368
  --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
@@ -1353,7 +1371,7 @@
1353
1371
  --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
1354
1372
  --oasys-typography-body-emphasis-line-through-hero-text-case: none;
1355
1373
  --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
1356
- --oasys-typography-body-emphasis-line-through-body-font-family: 'Comic Sans MS';
1374
+ --oasys-typography-body-emphasis-line-through-body-font-family: 'ABC Diatype';
1357
1375
  --oasys-typography-body-emphasis-line-through-body-font-weight: 500;
1358
1376
  --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
1359
1377
  --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
@@ -1362,7 +1380,7 @@
1362
1380
  --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
1363
1381
  --oasys-typography-body-emphasis-line-through-body-text-case: none;
1364
1382
  --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
1365
- --oasys-typography-body-emphasis-line-through-supporting-font-family: 'Comic Sans MS';
1383
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: 'ABC Diatype';
1366
1384
  --oasys-typography-body-emphasis-line-through-supporting-font-weight: 500;
1367
1385
  --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
1368
1386
  --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
@@ -1371,7 +1389,7 @@
1371
1389
  --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
1372
1390
  --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
1373
1391
  --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
1374
- --oasys-typography-body-line-through-hero-font-family: 'Comic Sans MS';
1392
+ --oasys-typography-body-line-through-hero-font-family: 'ABC Diatype';
1375
1393
  --oasys-typography-body-line-through-hero-font-weight: 400;
1376
1394
  --oasys-typography-body-line-through-hero-line-height: 3.2rem;
1377
1395
  --oasys-typography-body-line-through-hero-font-size: 2rem;
@@ -1380,7 +1398,7 @@
1380
1398
  --oasys-typography-body-line-through-hero-paragraph-indent: 0;
1381
1399
  --oasys-typography-body-line-through-hero-text-case: none;
1382
1400
  --oasys-typography-body-line-through-hero-text-decoration: line-through;
1383
- --oasys-typography-body-line-through-body-font-family: 'Comic Sans MS';
1401
+ --oasys-typography-body-line-through-body-font-family: 'ABC Diatype';
1384
1402
  --oasys-typography-body-line-through-body-font-weight: 400;
1385
1403
  --oasys-typography-body-line-through-body-line-height: 2.4rem;
1386
1404
  --oasys-typography-body-line-through-body-font-size: 1.6rem;
@@ -1389,7 +1407,7 @@
1389
1407
  --oasys-typography-body-line-through-body-paragraph-indent: 0;
1390
1408
  --oasys-typography-body-line-through-body-text-case: none;
1391
1409
  --oasys-typography-body-line-through-body-text-decoration: line-through;
1392
- --oasys-typography-body-line-through-supporting-font-family: 'Comic Sans MS';
1410
+ --oasys-typography-body-line-through-supporting-font-family: 'ABC Diatype';
1393
1411
  --oasys-typography-body-line-through-supporting-font-weight: 400;
1394
1412
  --oasys-typography-body-line-through-supporting-line-height: 2rem;
1395
1413
  --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
@@ -1398,7 +1416,7 @@
1398
1416
  --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
1399
1417
  --oasys-typography-body-line-through-supporting-text-case: none;
1400
1418
  --oasys-typography-body-line-through-supporting-text-decoration: line-through;
1401
- --oasys-typography-heading-hero-desktop-font-family: 'Comic Sans MS';
1419
+ --oasys-typography-heading-hero-desktop-font-family: 'Lyon Display';
1402
1420
  --oasys-typography-heading-hero-desktop-font-weight: 700;
1403
1421
  --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
1404
1422
  --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
@@ -1407,7 +1425,7 @@
1407
1425
  --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
1408
1426
  --oasys-typography-heading-hero-desktop-text-case: none;
1409
1427
  --oasys-typography-heading-hero-desktop-text-decoration: none;
1410
- --oasys-typography-heading-hero-mobile-font-family: 'Comic Sans MS';
1428
+ --oasys-typography-heading-hero-mobile-font-family: 'Lyon Display';
1411
1429
  --oasys-typography-heading-hero-mobile-font-weight: 700;
1412
1430
  --oasys-typography-heading-hero-mobile-line-height: 4rem;
1413
1431
  --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
@@ -1416,7 +1434,7 @@
1416
1434
  --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
1417
1435
  --oasys-typography-heading-hero-mobile-text-case: none;
1418
1436
  --oasys-typography-heading-hero-mobile-text-decoration: none;
1419
- --oasys-typography-heading-primary-desktop-font-family: 'Comic Sans MS';
1437
+ --oasys-typography-heading-primary-desktop-font-family: 'Lyon Display';
1420
1438
  --oasys-typography-heading-primary-desktop-font-weight: 700;
1421
1439
  --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
1422
1440
  --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
@@ -1425,7 +1443,7 @@
1425
1443
  --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
1426
1444
  --oasys-typography-heading-primary-desktop-text-case: none;
1427
1445
  --oasys-typography-heading-primary-desktop-text-decoration: none;
1428
- --oasys-typography-heading-primary-mobile-font-family: 'Comic Sans MS';
1446
+ --oasys-typography-heading-primary-mobile-font-family: 'Lyon Display';
1429
1447
  --oasys-typography-heading-primary-mobile-font-weight: 700;
1430
1448
  --oasys-typography-heading-primary-mobile-line-height: 4rem;
1431
1449
  --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
@@ -1434,7 +1452,7 @@
1434
1452
  --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
1435
1453
  --oasys-typography-heading-primary-mobile-text-case: none;
1436
1454
  --oasys-typography-heading-primary-mobile-text-decoration: none;
1437
- --oasys-typography-heading-secondary-font-family: 'Comic Sans MS';
1455
+ --oasys-typography-heading-secondary-font-family: 'Lyon Display';
1438
1456
  --oasys-typography-heading-secondary-font-weight: 700;
1439
1457
  --oasys-typography-heading-secondary-line-height: 4rem;
1440
1458
  --oasys-typography-heading-secondary-font-size: 3.2rem;
@@ -1443,7 +1461,7 @@
1443
1461
  --oasys-typography-heading-secondary-paragraph-indent: 0;
1444
1462
  --oasys-typography-heading-secondary-text-case: none;
1445
1463
  --oasys-typography-heading-secondary-text-decoration: none;
1446
- --oasys-typography-heading-func-primary-desktop-font-family: 'Comic Sans MS';
1464
+ --oasys-typography-heading-func-primary-desktop-font-family: 'ABC Diatype';
1447
1465
  --oasys-typography-heading-func-primary-desktop-font-weight: 500;
1448
1466
  --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
1449
1467
  --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
@@ -1452,7 +1470,7 @@
1452
1470
  --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
1453
1471
  --oasys-typography-heading-func-primary-desktop-text-case: none;
1454
1472
  --oasys-typography-heading-func-primary-desktop-text-decoration: none;
1455
- --oasys-typography-heading-func-primary-mobile-font-family: 'Comic Sans MS';
1473
+ --oasys-typography-heading-func-primary-mobile-font-family: 'ABC Diatype';
1456
1474
  --oasys-typography-heading-func-primary-mobile-font-weight: 500;
1457
1475
  --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
1458
1476
  --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
@@ -1461,7 +1479,7 @@
1461
1479
  --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
1462
1480
  --oasys-typography-heading-func-primary-mobile-text-case: none;
1463
1481
  --oasys-typography-heading-func-primary-mobile-text-decoration: none;
1464
- --oasys-typography-heading-func-secondary-desktop-font-family: 'Comic Sans MS';
1482
+ --oasys-typography-heading-func-secondary-desktop-font-family: 'ABC Diatype';
1465
1483
  --oasys-typography-heading-func-secondary-desktop-font-weight: 500;
1466
1484
  --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
1467
1485
  --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
@@ -1470,7 +1488,7 @@
1470
1488
  --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
1471
1489
  --oasys-typography-heading-func-secondary-desktop-text-case: none;
1472
1490
  --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
1473
- --oasys-typography-heading-func-secondary-mobile-font-family: 'Comic Sans MS';
1491
+ --oasys-typography-heading-func-secondary-mobile-font-family: 'ABC Diatype';
1474
1492
  --oasys-typography-heading-func-secondary-mobile-font-weight: 500;
1475
1493
  --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
1476
1494
  --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
@@ -1479,7 +1497,7 @@
1479
1497
  --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
1480
1498
  --oasys-typography-heading-func-secondary-mobile-text-case: none;
1481
1499
  --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
1482
- --oasys-typography-heading-label-primary-font-family: 'Comic Sans MS';
1500
+ --oasys-typography-heading-label-primary-font-family: 'ABC Diatype';
1483
1501
  --oasys-typography-heading-label-primary-font-weight: 500;
1484
1502
  --oasys-typography-heading-label-primary-line-height: 2.4rem;
1485
1503
  --oasys-typography-heading-label-primary-font-size: 1.8rem;
@@ -1488,7 +1506,7 @@
1488
1506
  --oasys-typography-heading-label-primary-paragraph-indent: 0;
1489
1507
  --oasys-typography-heading-label-primary-text-case: none;
1490
1508
  --oasys-typography-heading-label-primary-text-decoration: none;
1491
- --oasys-typography-heading-label-secondary-font-family: 'Comic Sans MS';
1509
+ --oasys-typography-heading-label-secondary-font-family: 'ABC Diatype';
1492
1510
  --oasys-typography-heading-label-secondary-font-weight: 500;
1493
1511
  --oasys-typography-heading-label-secondary-line-height: 2rem;
1494
1512
  --oasys-typography-heading-label-secondary-font-size: 1.4rem;
@@ -1608,15 +1626,15 @@
1608
1626
  --oasys-component-button-text-transform: none;
1609
1627
  --oasys-component-button-content-stack: 0.8rem;
1610
1628
  --oasys-component-button-content-height: 2rem;
1611
- --oasys-component-button-color-primary-background: #FBADDD;
1612
- --oasys-component-button-color-primary-border: #FBADDD;
1629
+ --oasys-component-button-color-primary-background: rgb(253, 213, 238);
1630
+ --oasys-component-button-color-primary-border: rgb(253, 213, 238);
1613
1631
  --oasys-component-button-color-primary-text: #F535AA;
1614
- --oasys-component-button-color-primary-selected-border: #FBADDD;
1615
- --oasys-component-button-color-primary-hover-underlay: #FBADDD;
1616
- --oasys-component-button-color-primary-hover-overlay: #FBADDD;
1617
- --oasys-component-button-color-secondary-background: #FDD5EE;
1618
- --oasys-component-button-color-secondary-border: #FBADDD;
1619
- --oasys-component-button-color-secondary-text: #F535AA;
1632
+ --oasys-component-button-color-primary-selected-border: rgb(253, 213, 238);
1633
+ --oasys-component-button-color-primary-hover-underlay: rgb(253, 213, 238);
1634
+ --oasys-component-button-color-primary-hover-overlay: rgb(245, 53, 170);
1635
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
1636
+ --oasys-component-button-color-secondary-border: rgb(56, 55, 55);
1637
+ --oasys-component-button-color-secondary-text: rgb(245, 53, 170);
1620
1638
  --oasys-component-button-color-secondary-selected-border: #FBADDD;
1621
1639
  --oasys-component-button-color-secondary-hover-underlay: #FBADDD;
1622
1640
  --oasys-component-button-color-secondary-hover-overlay: #FBADDD;