-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Expand file tree
/
Copy pathionic.vars.scss
More file actions
1469 lines (1404 loc) · 86.6 KB
/
ionic.vars.scss
File metadata and controls
1469 lines (1404 loc) · 86.6 KB
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
// Primitives
$ion-primitives-neutral-100: var(--token-primitives-neutral-100, #f3f3f3);
$ion-primitives-neutral-100-rgb: var(--token-primitives-neutral-100-rgb, 243, 243, 243);
$ion-primitives-neutral-200: var(--token-primitives-neutral-200, #eae9e9);
$ion-primitives-neutral-200-rgb: var(--token-primitives-neutral-200-rgb, 234, 233, 233);
$ion-primitives-neutral-300: var(--token-primitives-neutral-300, #e0e0e0);
$ion-primitives-neutral-300-rgb: var(--token-primitives-neutral-300-rgb, 224, 224, 224);
$ion-primitives-neutral-400: var(--token-primitives-neutral-400, #d5d5d5);
$ion-primitives-neutral-400-rgb: var(--token-primitives-neutral-400-rgb, 213, 213, 213);
$ion-primitives-neutral-500: var(--token-primitives-neutral-500, #a2a2a2);
$ion-primitives-neutral-500-rgb: var(--token-primitives-neutral-500-rgb, 162, 162, 162);
$ion-primitives-neutral-600: var(--token-primitives-neutral-600, #8c8c8c);
$ion-primitives-neutral-600-rgb: var(--token-primitives-neutral-600-rgb, 140, 140, 140);
$ion-primitives-neutral-700: var(--token-primitives-neutral-700, #777777);
$ion-primitives-neutral-700-rgb: var(--token-primitives-neutral-700-rgb, 119, 119, 119);
$ion-primitives-neutral-800: var(--token-primitives-neutral-800, #626262);
$ion-primitives-neutral-800-rgb: var(--token-primitives-neutral-800-rgb, 98, 98, 98);
$ion-primitives-neutral-900: var(--token-primitives-neutral-900, #4e4e4e);
$ion-primitives-neutral-900-rgb: var(--token-primitives-neutral-900-rgb, 78, 78, 78);
$ion-primitives-neutral-1000: var(--token-primitives-neutral-1000, #3b3b3b);
$ion-primitives-neutral-1000-rgb: var(--token-primitives-neutral-1000-rgb, 59, 59, 59);
$ion-primitives-neutral-1100: var(--token-primitives-neutral-1100, #292929);
$ion-primitives-neutral-1100-rgb: var(--token-primitives-neutral-1100-rgb, 41, 41, 41);
$ion-primitives-neutral-1200: var(--token-primitives-neutral-1200, #242424);
$ion-primitives-neutral-1200-rgb: var(--token-primitives-neutral-1200-rgb, 36, 36, 36);
$ion-primitives-base-white: var(--token-primitives-base-white, #ffffff);
$ion-primitives-base-white-rgb: var(--token-primitives-base-white-rgb, 255, 255, 255);
$ion-primitives-base-black: var(--token-primitives-base-black, #111111);
$ion-primitives-base-black-rgb: var(--token-primitives-base-black-rgb, 17, 17, 17);
$ion-primitives-red-100: var(--token-primitives-red-100, #fde1e1);
$ion-primitives-red-100-rgb: var(--token-primitives-red-100-rgb, 253, 225, 225);
$ion-primitives-red-200: var(--token-primitives-red-200, #ffd9d9);
$ion-primitives-red-200-rgb: var(--token-primitives-red-200-rgb, 255, 217, 217);
$ion-primitives-red-300: var(--token-primitives-red-300, #fcc1c1);
$ion-primitives-red-300-rgb: var(--token-primitives-red-300-rgb, 252, 193, 193);
$ion-primitives-red-400: var(--token-primitives-red-400, #faa1a1);
$ion-primitives-red-400-rgb: var(--token-primitives-red-400-rgb, 250, 161, 161);
$ion-primitives-red-500: var(--token-primitives-red-500, #f97d7d);
$ion-primitives-red-500-rgb: var(--token-primitives-red-500-rgb, 249, 125, 125);
$ion-primitives-red-600: var(--token-primitives-red-600, #f85151);
$ion-primitives-red-600-rgb: var(--token-primitives-red-600-rgb, 248, 81, 81);
$ion-primitives-red-700: var(--token-primitives-red-700, #e52929);
$ion-primitives-red-700-rgb: var(--token-primitives-red-700-rgb, 229, 41, 41);
$ion-primitives-red-800: var(--token-primitives-red-800, #bf2222);
$ion-primitives-red-800-rgb: var(--token-primitives-red-800-rgb, 191, 34, 34);
$ion-primitives-red-900: var(--token-primitives-red-900, #991b1b);
$ion-primitives-red-900-rgb: var(--token-primitives-red-900-rgb, 153, 27, 27);
$ion-primitives-red-1000: var(--token-primitives-red-1000, #761515);
$ion-primitives-red-1000-rgb: var(--token-primitives-red-1000-rgb, 118, 21, 21);
$ion-primitives-red-1100: var(--token-primitives-red-1100, #540f0f);
$ion-primitives-red-1100-rgb: var(--token-primitives-red-1100-rgb, 84, 15, 15);
$ion-primitives-red-1200: var(--token-primitives-red-1200, #330909);
$ion-primitives-red-1200-rgb: var(--token-primitives-red-1200-rgb, 51, 9, 9);
$ion-primitives-pumpkin-100: var(--token-primitives-pumpkin-100, #ffe0db);
$ion-primitives-pumpkin-100-rgb: var(--token-primitives-pumpkin-100-rgb, 255, 224, 219);
$ion-primitives-pumpkin-200: var(--token-primitives-pumpkin-200, #ffd6d0);
$ion-primitives-pumpkin-200-rgb: var(--token-primitives-pumpkin-200-rgb, 255, 214, 208);
$ion-primitives-pumpkin-300: var(--token-primitives-pumpkin-300, #fbbdb1);
$ion-primitives-pumpkin-300-rgb: var(--token-primitives-pumpkin-300-rgb, 251, 189, 177);
$ion-primitives-pumpkin-400: var(--token-primitives-pumpkin-400, #f9947c);
$ion-primitives-pumpkin-400-rgb: var(--token-primitives-pumpkin-400-rgb, 249, 148, 124);
$ion-primitives-pumpkin-500: var(--token-primitives-pumpkin-500, #f75d07);
$ion-primitives-pumpkin-500-rgb: var(--token-primitives-pumpkin-500-rgb, 247, 93, 7);
$ion-primitives-pumpkin-600: var(--token-primitives-pumpkin-600, #da5206);
$ion-primitives-pumpkin-600-rgb: var(--token-primitives-pumpkin-600-rgb, 218, 82, 6);
$ion-primitives-pumpkin-700: var(--token-primitives-pumpkin-700, #bd4705);
$ion-primitives-pumpkin-700-rgb: var(--token-primitives-pumpkin-700-rgb, 189, 71, 5);
$ion-primitives-pumpkin-800: var(--token-primitives-pumpkin-800, #9f3c05);
$ion-primitives-pumpkin-800-rgb: var(--token-primitives-pumpkin-800-rgb, 159, 60, 5);
$ion-primitives-pumpkin-900: var(--token-primitives-pumpkin-900, #803004);
$ion-primitives-pumpkin-900-rgb: var(--token-primitives-pumpkin-900-rgb, 128, 48, 4);
$ion-primitives-pumpkin-1000: var(--token-primitives-pumpkin-1000, #602403);
$ion-primitives-pumpkin-1000-rgb: var(--token-primitives-pumpkin-1000-rgb, 96, 36, 3);
$ion-primitives-pumpkin-1100: var(--token-primitives-pumpkin-1100, #401802);
$ion-primitives-pumpkin-1100-rgb: var(--token-primitives-pumpkin-1100-rgb, 64, 24, 2);
$ion-primitives-pumpkin-1200: var(--token-primitives-pumpkin-1200, #210c01);
$ion-primitives-pumpkin-1200-rgb: var(--token-primitives-pumpkin-1200-rgb, 33, 12, 1);
$ion-primitives-orange-100: var(--token-primitives-orange-100, #ffe8db);
$ion-primitives-orange-100-rgb: var(--token-primitives-orange-100-rgb, 255, 232, 219);
$ion-primitives-orange-200: var(--token-primitives-orange-200, #ffe0d0);
$ion-primitives-orange-200-rgb: var(--token-primitives-orange-200-rgb, 255, 224, 208);
$ion-primitives-orange-300: var(--token-primitives-orange-300, #ffcfb1);
$ion-primitives-orange-300-rgb: var(--token-primitives-orange-300-rgb, 255, 207, 177);
$ion-primitives-orange-400: var(--token-primitives-orange-400, #ffb37b);
$ion-primitives-orange-400-rgb: var(--token-primitives-orange-400-rgb, 255, 179, 123);
$ion-primitives-orange-500: var(--token-primitives-orange-500, #ff9400);
$ion-primitives-orange-500-rgb: var(--token-primitives-orange-500-rgb, 255, 148, 0);
$ion-primitives-orange-600: var(--token-primitives-orange-600, #e18300);
$ion-primitives-orange-600-rgb: var(--token-primitives-orange-600-rgb, 225, 131, 0);
$ion-primitives-orange-700: var(--token-primitives-orange-700, #c37100);
$ion-primitives-orange-700-rgb: var(--token-primitives-orange-700-rgb, 195, 113, 0);
$ion-primitives-orange-800: var(--token-primitives-orange-800, #a45f00);
$ion-primitives-orange-800-rgb: var(--token-primitives-orange-800-rgb, 164, 95, 0);
$ion-primitives-orange-900: var(--token-primitives-orange-900, #844d00);
$ion-primitives-orange-900-rgb: var(--token-primitives-orange-900-rgb, 132, 77, 0);
$ion-primitives-orange-1000: var(--token-primitives-orange-1000, #633a00);
$ion-primitives-orange-1000-rgb: var(--token-primitives-orange-1000-rgb, 99, 58, 0);
$ion-primitives-orange-1100: var(--token-primitives-orange-1100, #422700);
$ion-primitives-orange-1100-rgb: var(--token-primitives-orange-1100-rgb, 66, 39, 0);
$ion-primitives-orange-1200: var(--token-primitives-orange-1200, #221400);
$ion-primitives-orange-1200-rgb: var(--token-primitives-orange-1200-rgb, 34, 20, 0);
$ion-primitives-yellow-100: var(--token-primitives-yellow-100, #fff3d5);
$ion-primitives-yellow-100-rgb: var(--token-primitives-yellow-100-rgb, 255, 243, 213);
$ion-primitives-yellow-200: var(--token-primitives-yellow-200, #fff0c7);
$ion-primitives-yellow-200-rgb: var(--token-primitives-yellow-200-rgb, 255, 240, 199);
$ion-primitives-yellow-300: var(--token-primitives-yellow-300, #ffebb1);
$ion-primitives-yellow-300-rgb: var(--token-primitives-yellow-300-rgb, 255, 235, 177);
$ion-primitives-yellow-400: var(--token-primitives-yellow-400, #ffe07b);
$ion-primitives-yellow-400-rgb: var(--token-primitives-yellow-400-rgb, 255, 224, 123);
$ion-primitives-yellow-500: var(--token-primitives-yellow-500, #ffd600);
$ion-primitives-yellow-500-rgb: var(--token-primitives-yellow-500-rgb, 255, 214, 0);
$ion-primitives-yellow-600: var(--token-primitives-yellow-600, #f9bd0a);
$ion-primitives-yellow-600-rgb: var(--token-primitives-yellow-600-rgb, 249, 189, 10);
$ion-primitives-yellow-700: var(--token-primitives-yellow-700, #df9c00);
$ion-primitives-yellow-700-rgb: var(--token-primitives-yellow-700-rgb, 223, 156, 0);
$ion-primitives-yellow-800: var(--token-primitives-yellow-800, #ba8200);
$ion-primitives-yellow-800-rgb: var(--token-primitives-yellow-800-rgb, 186, 130, 0);
$ion-primitives-yellow-900: var(--token-primitives-yellow-900, #966503);
$ion-primitives-yellow-900-rgb: var(--token-primitives-yellow-900-rgb, 150, 101, 3);
$ion-primitives-yellow-1000: var(--token-primitives-yellow-1000, #704b02);
$ion-primitives-yellow-1000-rgb: var(--token-primitives-yellow-1000-rgb, 112, 75, 2);
$ion-primitives-yellow-1100: var(--token-primitives-yellow-1100, #533802);
$ion-primitives-yellow-1100-rgb: var(--token-primitives-yellow-1100-rgb, 83, 56, 2);
$ion-primitives-yellow-1200: var(--token-primitives-yellow-1200, #2c1e02);
$ion-primitives-yellow-1200-rgb: var(--token-primitives-yellow-1200-rgb, 44, 30, 2);
$ion-primitives-lime-100: var(--token-primitives-lime-100, #ebfcd4);
$ion-primitives-lime-100-rgb: var(--token-primitives-lime-100-rgb, 235, 252, 212);
$ion-primitives-lime-200: var(--token-primitives-lime-200, #e4f7cb);
$ion-primitives-lime-200-rgb: var(--token-primitives-lime-200-rgb, 228, 247, 203);
$ion-primitives-lime-300: var(--token-primitives-lime-300, #d3efb2);
$ion-primitives-lime-300-rgb: var(--token-primitives-lime-300-rgb, 211, 239, 178);
$ion-primitives-lime-400: var(--token-primitives-lime-400, #bbe77d);
$ion-primitives-lime-400-rgb: var(--token-primitives-lime-400-rgb, 187, 231, 125);
$ion-primitives-lime-500: var(--token-primitives-lime-500, #a0df18);
$ion-primitives-lime-500-rgb: var(--token-primitives-lime-500-rgb, 160, 223, 24);
$ion-primitives-lime-600: var(--token-primitives-lime-600, #8dc515);
$ion-primitives-lime-600-rgb: var(--token-primitives-lime-600-rgb, 141, 197, 21);
$ion-primitives-lime-700: var(--token-primitives-lime-700, #7aab12);
$ion-primitives-lime-700-rgb: var(--token-primitives-lime-700-rgb, 122, 171, 18);
$ion-primitives-lime-800: var(--token-primitives-lime-800, #678f0f);
$ion-primitives-lime-800-rgb: var(--token-primitives-lime-800-rgb, 103, 143, 15);
$ion-primitives-lime-900: var(--token-primitives-lime-900, #53730c);
$ion-primitives-lime-900-rgb: var(--token-primitives-lime-900-rgb, 83, 115, 12);
$ion-primitives-lime-1000: var(--token-primitives-lime-1000, #3e5709);
$ion-primitives-lime-1000-rgb: var(--token-primitives-lime-1000-rgb, 62, 87, 9);
$ion-primitives-lime-1100: var(--token-primitives-lime-1100, #2a3a06);
$ion-primitives-lime-1100-rgb: var(--token-primitives-lime-1100-rgb, 42, 58, 6);
$ion-primitives-lime-1200: var(--token-primitives-lime-1200, #151e03);
$ion-primitives-lime-1200-rgb: var(--token-primitives-lime-1200-rgb, 21, 30, 3);
$ion-primitives-green-100: var(--token-primitives-green-100, #e2f9e4);
$ion-primitives-green-100-rgb: var(--token-primitives-green-100-rgb, 226, 249, 228);
$ion-primitives-green-200: var(--token-primitives-green-200, #d1f7d4);
$ion-primitives-green-200-rgb: var(--token-primitives-green-200-rgb, 209, 247, 212);
$ion-primitives-green-300: var(--token-primitives-green-300, #b3ebb7);
$ion-primitives-green-300-rgb: var(--token-primitives-green-300-rgb, 179, 235, 183);
$ion-primitives-green-400: var(--token-primitives-green-400, #7fe089);
$ion-primitives-green-400-rgb: var(--token-primitives-green-400-rgb, 127, 224, 137);
$ion-primitives-green-500: var(--token-primitives-green-500, #23d643);
$ion-primitives-green-500-rgb: var(--token-primitives-green-500-rgb, 35, 214, 67);
$ion-primitives-green-600: var(--token-primitives-green-600, #1fbd3b);
$ion-primitives-green-600-rgb: var(--token-primitives-green-600-rgb, 31, 189, 59);
$ion-primitives-green-700: var(--token-primitives-green-700, #1ba433);
$ion-primitives-green-700-rgb: var(--token-primitives-green-700-rgb, 27, 164, 51);
$ion-primitives-green-800: var(--token-primitives-green-800, #178a2b);
$ion-primitives-green-800-rgb: var(--token-primitives-green-800-rgb, 23, 138, 43);
$ion-primitives-green-900: var(--token-primitives-green-900, #126f23);
$ion-primitives-green-900-rgb: var(--token-primitives-green-900-rgb, 18, 111, 35);
$ion-primitives-green-1000: var(--token-primitives-green-1000, #0e531a);
$ion-primitives-green-1000-rgb: var(--token-primitives-green-1000-rgb, 14, 83, 26);
$ion-primitives-green-1100: var(--token-primitives-green-1100, #093811);
$ion-primitives-green-1100-rgb: var(--token-primitives-green-1100-rgb, 9, 56, 17);
$ion-primitives-green-1200: var(--token-primitives-green-1200, #051d09);
$ion-primitives-green-1200-rgb: var(--token-primitives-green-1200-rgb, 5, 29, 9);
$ion-primitives-teal-100: var(--token-primitives-teal-100, #d5f9f1);
$ion-primitives-teal-100-rgb: var(--token-primitives-teal-100-rgb, 213, 249, 241);
$ion-primitives-teal-200: var(--token-primitives-teal-200, #c7f1e8);
$ion-primitives-teal-200-rgb: var(--token-primitives-teal-200-rgb, 199, 241, 232);
$ion-primitives-teal-300: var(--token-primitives-teal-300, #b1e7dd);
$ion-primitives-teal-300-rgb: var(--token-primitives-teal-300-rgb, 177, 231, 221);
$ion-primitives-teal-400: var(--token-primitives-teal-400, #7bdbca);
$ion-primitives-teal-400-rgb: var(--token-primitives-teal-400-rgb, 123, 219, 202);
$ion-primitives-teal-500: var(--token-primitives-teal-500, #00cfb7);
$ion-primitives-teal-500-rgb: var(--token-primitives-teal-500-rgb, 0, 207, 183);
$ion-primitives-teal-600: var(--token-primitives-teal-600, #00b7a2);
$ion-primitives-teal-600-rgb: var(--token-primitives-teal-600-rgb, 0, 183, 162);
$ion-primitives-teal-700: var(--token-primitives-teal-700, #009e8c);
$ion-primitives-teal-700-rgb: var(--token-primitives-teal-700-rgb, 0, 158, 140);
$ion-primitives-teal-800: var(--token-primitives-teal-800, #008576);
$ion-primitives-teal-800-rgb: var(--token-primitives-teal-800-rgb, 0, 133, 118);
$ion-primitives-teal-900: var(--token-primitives-teal-900, #006b5f);
$ion-primitives-teal-900-rgb: var(--token-primitives-teal-900-rgb, 0, 107, 95);
$ion-primitives-teal-1000: var(--token-primitives-teal-1000, #005147);
$ion-primitives-teal-1000-rgb: var(--token-primitives-teal-1000-rgb, 0, 81, 71);
$ion-primitives-teal-1100: var(--token-primitives-teal-1100, #003630);
$ion-primitives-teal-1100-rgb: var(--token-primitives-teal-1100-rgb, 0, 54, 48);
$ion-primitives-teal-1200: var(--token-primitives-teal-1200, #001c19);
$ion-primitives-teal-1200-rgb: var(--token-primitives-teal-1200-rgb, 0, 28, 25);
$ion-primitives-aqua-100: var(--token-primitives-aqua-100, #d9f5ff);
$ion-primitives-aqua-100-rgb: var(--token-primitives-aqua-100-rgb, 217, 245, 255);
$ion-primitives-aqua-200: var(--token-primitives-aqua-200, #cbeffc);
$ion-primitives-aqua-200-rgb: var(--token-primitives-aqua-200-rgb, 203, 239, 252);
$ion-primitives-aqua-300: var(--token-primitives-aqua-300, #b3e9fc);
$ion-primitives-aqua-300-rgb: var(--token-primitives-aqua-300-rgb, 179, 233, 252);
$ion-primitives-aqua-400: var(--token-primitives-aqua-400, #80defa);
$ion-primitives-aqua-400-rgb: var(--token-primitives-aqua-400-rgb, 128, 222, 250);
$ion-primitives-aqua-500: var(--token-primitives-aqua-500, #27d3f9);
$ion-primitives-aqua-500-rgb: var(--token-primitives-aqua-500-rgb, 39, 211, 249);
$ion-primitives-aqua-600: var(--token-primitives-aqua-600, #22bbdc);
$ion-primitives-aqua-600-rgb: var(--token-primitives-aqua-600-rgb, 34, 187, 220);
$ion-primitives-aqua-700: var(--token-primitives-aqua-700, #1ea2bf);
$ion-primitives-aqua-700-rgb: var(--token-primitives-aqua-700-rgb, 30, 162, 191);
$ion-primitives-aqua-800: var(--token-primitives-aqua-800, #1988a0);
$ion-primitives-aqua-800-rgb: var(--token-primitives-aqua-800-rgb, 25, 136, 160);
$ion-primitives-aqua-900: var(--token-primitives-aqua-900, #146d81);
$ion-primitives-aqua-900-rgb: var(--token-primitives-aqua-900-rgb, 20, 109, 129);
$ion-primitives-aqua-1000: var(--token-primitives-aqua-1000, #0f5261);
$ion-primitives-aqua-1000-rgb: var(--token-primitives-aqua-1000-rgb, 15, 82, 97);
$ion-primitives-aqua-1100: var(--token-primitives-aqua-1100, #0a3741);
$ion-primitives-aqua-1100-rgb: var(--token-primitives-aqua-1100-rgb, 10, 55, 65);
$ion-primitives-aqua-1200: var(--token-primitives-aqua-1200, #051c21);
$ion-primitives-aqua-1200-rgb: var(--token-primitives-aqua-1200-rgb, 5, 28, 33);
$ion-primitives-blue-100: var(--token-primitives-blue-100, #e9ecfc);
$ion-primitives-blue-100-rgb: var(--token-primitives-blue-100-rgb, 233, 236, 252);
$ion-primitives-blue-200: var(--token-primitives-blue-200, #e4e8ff);
$ion-primitives-blue-200-rgb: var(--token-primitives-blue-200-rgb, 228, 232, 255);
$ion-primitives-blue-300: var(--token-primitives-blue-300, #d0d7fa);
$ion-primitives-blue-300-rgb: var(--token-primitives-blue-300-rgb, 208, 215, 250);
$ion-primitives-blue-400: var(--token-primitives-blue-400, #b5c0f7);
$ion-primitives-blue-400-rgb: var(--token-primitives-blue-400-rgb, 181, 192, 247);
$ion-primitives-blue-500: var(--token-primitives-blue-500, #94a5f4);
$ion-primitives-blue-500-rgb: var(--token-primitives-blue-500-rgb, 148, 165, 244);
$ion-primitives-blue-600: var(--token-primitives-blue-600, #6986f2);
$ion-primitives-blue-600-rgb: var(--token-primitives-blue-600-rgb, 105, 134, 242);
$ion-primitives-blue-700: var(--token-primitives-blue-700, #105cef);
$ion-primitives-blue-700-rgb: var(--token-primitives-blue-700-rgb, 16, 92, 239);
$ion-primitives-blue-800: var(--token-primitives-blue-800, #0f54da);
$ion-primitives-blue-800-rgb: var(--token-primitives-blue-800-rgb, 15, 84, 218);
$ion-primitives-blue-900: var(--token-primitives-blue-900, #0d4bc3);
$ion-primitives-blue-900-rgb: var(--token-primitives-blue-900-rgb, 13, 75, 195);
$ion-primitives-blue-1000: var(--token-primitives-blue-1000, #0b41a9);
$ion-primitives-blue-1000-rgb: var(--token-primitives-blue-1000-rgb, 11, 65, 169);
$ion-primitives-blue-1100: var(--token-primitives-blue-1100, #09358a);
$ion-primitives-blue-1100-rgb: var(--token-primitives-blue-1100-rgb, 9, 53, 138);
$ion-primitives-blue-1200: var(--token-primitives-blue-1200, #072561);
$ion-primitives-blue-1200-rgb: var(--token-primitives-blue-1200-rgb, 7, 37, 97);
$ion-primitives-indigo-100: var(--token-primitives-indigo-100, #ebe8ff);
$ion-primitives-indigo-100-rgb: var(--token-primitives-indigo-100-rgb, 235, 232, 255);
$ion-primitives-indigo-200: var(--token-primitives-indigo-200, #e6e2fe);
$ion-primitives-indigo-200-rgb: var(--token-primitives-indigo-200-rgb, 230, 226, 254);
$ion-primitives-indigo-300: var(--token-primitives-indigo-300, #d3d1f2);
$ion-primitives-indigo-300-rgb: var(--token-primitives-indigo-300-rgb, 211, 209, 242);
$ion-primitives-indigo-400: var(--token-primitives-indigo-400, #bab5eb);
$ion-primitives-indigo-400-rgb: var(--token-primitives-indigo-400-rgb, 186, 181, 235);
$ion-primitives-indigo-500: var(--token-primitives-indigo-500, #9d95e4);
$ion-primitives-indigo-500-rgb: var(--token-primitives-indigo-500-rgb, 157, 149, 228);
$ion-primitives-indigo-600: var(--token-primitives-indigo-600, #786bdd);
$ion-primitives-indigo-600-rgb: var(--token-primitives-indigo-600-rgb, 120, 107, 221);
$ion-primitives-indigo-700: var(--token-primitives-indigo-700, #411bd5);
$ion-primitives-indigo-700-rgb: var(--token-primitives-indigo-700-rgb, 65, 27, 213);
$ion-primitives-indigo-800: var(--token-primitives-indigo-800, #3b19c3);
$ion-primitives-indigo-800-rgb: var(--token-primitives-indigo-800-rgb, 59, 25, 195);
$ion-primitives-indigo-900: var(--token-primitives-indigo-900, #3516ae);
$ion-primitives-indigo-900-rgb: var(--token-primitives-indigo-900-rgb, 53, 22, 174);
$ion-primitives-indigo-1000: var(--token-primitives-indigo-1000, #2e1397);
$ion-primitives-indigo-1000-rgb: var(--token-primitives-indigo-1000-rgb, 46, 19, 151);
$ion-primitives-indigo-1100: var(--token-primitives-indigo-1100, #26107b);
$ion-primitives-indigo-1100-rgb: var(--token-primitives-indigo-1100-rgb, 38, 16, 123);
$ion-primitives-indigo-1200: var(--token-primitives-indigo-1200, #1a0b57);
$ion-primitives-indigo-1200-rgb: var(--token-primitives-indigo-1200-rgb, 26, 11, 87);
$ion-primitives-violet-100: var(--token-primitives-violet-100, #ece6ff);
$ion-primitives-violet-100-rgb: var(--token-primitives-violet-100-rgb, 236, 230, 255);
$ion-primitives-violet-200: var(--token-primitives-violet-200, #e5defc);
$ion-primitives-violet-200-rgb: var(--token-primitives-violet-200-rgb, 229, 222, 252);
$ion-primitives-violet-300: var(--token-primitives-violet-300, #dcd1fb);
$ion-primitives-violet-300-rgb: var(--token-primitives-violet-300-rgb, 220, 209, 251);
$ion-primitives-violet-400: var(--token-primitives-violet-400, #c9b6f9);
$ion-primitives-violet-400-rgb: var(--token-primitives-violet-400-rgb, 201, 182, 249);
$ion-primitives-violet-500: var(--token-primitives-violet-500, #b396f6);
$ion-primitives-violet-500-rgb: var(--token-primitives-violet-500-rgb, 179, 150, 246);
$ion-primitives-violet-600: var(--token-primitives-violet-600, #9a6cf4);
$ion-primitives-violet-600-rgb: var(--token-primitives-violet-600-rgb, 154, 108, 244);
$ion-primitives-violet-700: var(--token-primitives-violet-700, #7c20f2);
$ion-primitives-violet-700-rgb: var(--token-primitives-violet-700-rgb, 124, 32, 242);
$ion-primitives-violet-800: var(--token-primitives-violet-800, #711ddd);
$ion-primitives-violet-800-rgb: var(--token-primitives-violet-800-rgb, 113, 29, 221);
$ion-primitives-violet-900: var(--token-primitives-violet-900, #651ac5);
$ion-primitives-violet-900-rgb: var(--token-primitives-violet-900-rgb, 101, 26, 197);
$ion-primitives-violet-1000: var(--token-primitives-violet-1000, #5817ab);
$ion-primitives-violet-1000-rgb: var(--token-primitives-violet-1000-rgb, 88, 23, 171);
$ion-primitives-violet-1100: var(--token-primitives-violet-1100, #48128c);
$ion-primitives-violet-1100-rgb: var(--token-primitives-violet-1100-rgb, 72, 18, 140);
$ion-primitives-violet-1200: var(--token-primitives-violet-1200, #330d63);
$ion-primitives-violet-1200-rgb: var(--token-primitives-violet-1200-rgb, 51, 13, 99);
$ion-primitives-purple-100: var(--token-primitives-purple-100, #f5eafd);
$ion-primitives-purple-100-rgb: var(--token-primitives-purple-100-rgb, 245, 234, 253);
$ion-primitives-purple-200: var(--token-primitives-purple-200, #f2e2ff);
$ion-primitives-purple-200-rgb: var(--token-primitives-purple-200-rgb, 242, 226, 255);
$ion-primitives-purple-300: var(--token-primitives-purple-300, #e9d3fa);
$ion-primitives-purple-300-rgb: var(--token-primitives-purple-300-rgb, 233, 211, 250);
$ion-primitives-purple-400: var(--token-primitives-purple-400, #deb9f8);
$ion-primitives-purple-400-rgb: var(--token-primitives-purple-400-rgb, 222, 185, 248);
$ion-primitives-purple-500: var(--token-primitives-purple-500, #d29bf6);
$ion-primitives-purple-500-rgb: var(--token-primitives-purple-500-rgb, 210, 155, 246);
$ion-primitives-purple-600: var(--token-primitives-purple-600, #c575f3);
$ion-primitives-purple-600-rgb: var(--token-primitives-purple-600-rgb, 197, 117, 243);
$ion-primitives-purple-700: var(--token-primitives-purple-700, #b73cf1);
$ion-primitives-purple-700-rgb: var(--token-primitives-purple-700-rgb, 183, 60, 241);
$ion-primitives-purple-800: var(--token-primitives-purple-800, #a737dc);
$ion-primitives-purple-800-rgb: var(--token-primitives-purple-800-rgb, 167, 55, 220);
$ion-primitives-purple-900: var(--token-primitives-purple-900, #9531c5);
$ion-primitives-purple-900-rgb: var(--token-primitives-purple-900-rgb, 149, 49, 197);
$ion-primitives-purple-1000: var(--token-primitives-purple-1000, #812aaa);
$ion-primitives-purple-1000-rgb: var(--token-primitives-purple-1000-rgb, 129, 42, 170);
$ion-primitives-purple-1100: var(--token-primitives-purple-1100, #6a238b);
$ion-primitives-purple-1100-rgb: var(--token-primitives-purple-1100-rgb, 106, 35, 139);
$ion-primitives-purple-1200: var(--token-primitives-purple-1200, #4b1862);
$ion-primitives-purple-1200-rgb: var(--token-primitives-purple-1200-rgb, 75, 24, 98);
$ion-primitives-magenta-100: var(--token-primitives-magenta-100, #ffecfb);
$ion-primitives-magenta-100-rgb: var(--token-primitives-magenta-100-rgb, 255, 236, 251);
$ion-primitives-magenta-200: var(--token-primitives-magenta-200, #ffe5fa);
$ion-primitives-magenta-200-rgb: var(--token-primitives-magenta-200-rgb, 255, 229, 250);
$ion-primitives-magenta-300: var(--token-primitives-magenta-300, #f9d4f1);
$ion-primitives-magenta-300-rgb: var(--token-primitives-magenta-300-rgb, 249, 212, 241);
$ion-primitives-magenta-400: var(--token-primitives-magenta-400, #f6bcea);
$ion-primitives-magenta-400-rgb: var(--token-primitives-magenta-400-rgb, 246, 188, 234);
$ion-primitives-magenta-500: var(--token-primitives-magenta-500, #f39fe3);
$ion-primitives-magenta-500-rgb: var(--token-primitives-magenta-500-rgb, 243, 159, 227);
$ion-primitives-magenta-600: var(--token-primitives-magenta-600, #f07cdb);
$ion-primitives-magenta-600-rgb: var(--token-primitives-magenta-600-rgb, 240, 124, 219);
$ion-primitives-magenta-700: var(--token-primitives-magenta-700, #ed4ad3);
$ion-primitives-magenta-700-rgb: var(--token-primitives-magenta-700-rgb, 237, 74, 211);
$ion-primitives-magenta-800: var(--token-primitives-magenta-800, #d844c1);
$ion-primitives-magenta-800-rgb: var(--token-primitives-magenta-800-rgb, 216, 68, 193);
$ion-primitives-magenta-900: var(--token-primitives-magenta-900, #c13cac);
$ion-primitives-magenta-900-rgb: var(--token-primitives-magenta-900-rgb, 193, 60, 172);
$ion-primitives-magenta-1000: var(--token-primitives-magenta-1000, #a83495);
$ion-primitives-magenta-1000-rgb: var(--token-primitives-magenta-1000-rgb, 168, 52, 149);
$ion-primitives-magenta-1100: var(--token-primitives-magenta-1100, #892b7a);
$ion-primitives-magenta-1100-rgb: var(--token-primitives-magenta-1100-rgb, 137, 43, 122);
$ion-primitives-magenta-1200: var(--token-primitives-magenta-1200, #611e56);
$ion-primitives-magenta-1200-rgb: var(--token-primitives-magenta-1200-rgb, 97, 30, 86);
$ion-primitives-pink-100: var(--token-primitives-pink-100, #fdeaee);
$ion-primitives-pink-100-rgb: var(--token-primitives-pink-100-rgb, 253, 234, 238);
$ion-primitives-pink-200: var(--token-primitives-pink-200, #ffe3e9);
$ion-primitives-pink-200-rgb: var(--token-primitives-pink-200-rgb, 255, 227, 233);
$ion-primitives-pink-300: var(--token-primitives-pink-300, #fad3dc);
$ion-primitives-pink-300-rgb: var(--token-primitives-pink-300-rgb, 250, 211, 220);
$ion-primitives-pink-400: var(--token-primitives-pink-400, #f8b9c9);
$ion-primitives-pink-400-rgb: var(--token-primitives-pink-400-rgb, 248, 185, 201);
$ion-primitives-pink-500: var(--token-primitives-pink-500, #f69bb3);
$ion-primitives-pink-500-rgb: var(--token-primitives-pink-500-rgb, 246, 155, 179);
$ion-primitives-pink-600: var(--token-primitives-pink-600, #f3759a);
$ion-primitives-pink-600-rgb: var(--token-primitives-pink-600-rgb, 243, 117, 154);
$ion-primitives-pink-700: var(--token-primitives-pink-700, #f13b7d);
$ion-primitives-pink-700-rgb: var(--token-primitives-pink-700-rgb, 241, 59, 125);
$ion-primitives-pink-800: var(--token-primitives-pink-800, #dc3672);
$ion-primitives-pink-800-rgb: var(--token-primitives-pink-800-rgb, 220, 54, 114);
$ion-primitives-pink-900: var(--token-primitives-pink-900, #c53066);
$ion-primitives-pink-900-rgb: var(--token-primitives-pink-900-rgb, 197, 48, 102);
$ion-primitives-pink-1000: var(--token-primitives-pink-1000, #aa2a58);
$ion-primitives-pink-1000-rgb: var(--token-primitives-pink-1000-rgb, 170, 42, 88);
$ion-primitives-pink-1100: var(--token-primitives-pink-1100, #8b2248);
$ion-primitives-pink-1100-rgb: var(--token-primitives-pink-1100-rgb, 139, 34, 72);
$ion-primitives-pink-1200: var(--token-primitives-pink-1200, #621833);
$ion-primitives-pink-1200-rgb: var(--token-primitives-pink-1200-rgb, 98, 24, 51);
// Scale
$ion-scale-0: var(--token-scale-0, 0px);
$ion-scale-100: var(--token-scale-100, 4px);
$ion-scale-150: var(--token-scale-150, 6px);
$ion-scale-200: var(--token-scale-200, 8px);
$ion-scale-250: var(--token-scale-250, 10px);
$ion-scale-300: var(--token-scale-300, 12px);
$ion-scale-400: var(--token-scale-400, 16px);
$ion-scale-500: var(--token-scale-500, 20px);
$ion-scale-600: var(--token-scale-600, 24px);
$ion-scale-700: var(--token-scale-700, 28px);
$ion-scale-800: var(--token-scale-800, 32px);
$ion-scale-900: var(--token-scale-900, 36px);
$ion-scale-1000: var(--token-scale-1000, 40px);
$ion-scale-1100: var(--token-scale-1100, 44px);
$ion-scale-1200: var(--token-scale-1200, 48px);
$ion-scale-1400: var(--token-scale-1400, 56px);
$ion-scale-1600: var(--token-scale-1600, 64px);
$ion-scale-1800: var(--token-scale-1800, 72px);
$ion-scale-2000: var(--token-scale-2000, 80px);
$ion-scale-2400: var(--token-scale-2400, 96px);
$ion-scale-2800: var(--token-scale-2800, 112px);
$ion-scale-3200: var(--token-scale-3200, 128px);
$ion-scale-3400: var(--token-scale-3400, 136px);
$ion-scale-3600: var(--token-scale-3600, 144px);
$ion-scale-4000: var(--token-scale-4000, 160px);
$ion-scale-5000: var(--token-scale-5000, 200px);
$ion-scale-6200: var(--token-scale-6200, 248px);
$ion-scale-7400: var(--token-scale-7400, 296px);
$ion-scale-9000: var(--token-scale-9000, 360px);
$ion-scale-025: var(--token-scale-025, 1px);
$ion-scale-050: var(--token-scale-050, 2px);
$ion-scale-075: var(--token-scale-075, 3px);
// Semantics
$ion-semantics-primary-100: var(--token-semantics-primary-100, $ion-primitives-blue-100);
$ion-semantics-primary-100-rgb: var(--token-semantics-primary-100-rgb, 233, 236, 252);
$ion-semantics-primary-200: var(--token-semantics-primary-200, $ion-primitives-blue-200);
$ion-semantics-primary-200-rgb: var(--token-semantics-primary-200-rgb, 228, 232, 255);
$ion-semantics-primary-300: var(--token-semantics-primary-300, $ion-primitives-blue-300);
$ion-semantics-primary-300-rgb: var(--token-semantics-primary-300-rgb, 208, 215, 250);
$ion-semantics-primary-400: var(--token-semantics-primary-400, $ion-primitives-blue-400);
$ion-semantics-primary-400-rgb: var(--token-semantics-primary-400-rgb, 181, 192, 247);
$ion-semantics-primary-500: var(--token-semantics-primary-500, $ion-primitives-blue-500);
$ion-semantics-primary-500-rgb: var(--token-semantics-primary-500-rgb, 148, 165, 244);
$ion-semantics-primary-600: var(--token-semantics-primary-600, $ion-primitives-blue-600);
$ion-semantics-primary-600-rgb: var(--token-semantics-primary-600-rgb, 105, 134, 242);
$ion-semantics-primary-700: var(--token-semantics-primary-700, $ion-primitives-blue-700);
$ion-semantics-primary-700-rgb: var(--token-semantics-primary-700-rgb, 16, 92, 239);
$ion-semantics-primary-800: var(--token-semantics-primary-800, $ion-primitives-blue-800);
$ion-semantics-primary-800-rgb: var(--token-semantics-primary-800-rgb, 15, 84, 218);
$ion-semantics-primary-900: var(--token-semantics-primary-900, $ion-primitives-blue-900);
$ion-semantics-primary-900-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195);
$ion-semantics-primary-1000: var(--token-semantics-primary-1000, $ion-primitives-blue-1000);
$ion-semantics-primary-1000-rgb: var(--token-semantics-primary-1000-rgb, 11, 65, 169);
$ion-semantics-primary-1100: var(--token-semantics-primary-1100, $ion-primitives-blue-1100);
$ion-semantics-primary-1100-rgb: var(--token-semantics-primary-1100-rgb, 9, 53, 138);
$ion-semantics-primary-1200: var(--token-semantics-primary-1200, $ion-primitives-blue-1200);
$ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, 97);
$ion-semantics-primary-base: var(--token-semantics-primary-base, $ion-semantics-primary-700);
$ion-semantics-primary-base-rgb: var(--token-semantics-primary-base-rgb, 16, 92, 239);
$ion-semantics-info-100: var(--token-semantics-info-100, $ion-primitives-blue-100);
$ion-semantics-info-100-rgb: var(--token-semantics-info-100-rgb, 233, 236, 252);
$ion-semantics-info-200: var(--token-semantics-info-200, $ion-primitives-blue-200);
$ion-semantics-info-200-rgb: var(--token-semantics-info-200-rgb, 228, 232, 255);
$ion-semantics-info-300: var(--token-semantics-info-300, $ion-primitives-blue-300);
$ion-semantics-info-300-rgb: var(--token-semantics-info-300-rgb, 208, 215, 250);
$ion-semantics-info-400: var(--token-semantics-info-400, $ion-primitives-blue-400);
$ion-semantics-info-400-rgb: var(--token-semantics-info-400-rgb, 181, 192, 247);
$ion-semantics-info-500: var(--token-semantics-info-500, $ion-primitives-blue-500);
$ion-semantics-info-500-rgb: var(--token-semantics-info-500-rgb, 148, 165, 244);
$ion-semantics-info-600: var(--token-semantics-info-600, $ion-primitives-blue-600);
$ion-semantics-info-600-rgb: var(--token-semantics-info-600-rgb, 105, 134, 242);
$ion-semantics-info-700: var(--token-semantics-info-700, $ion-primitives-blue-700);
$ion-semantics-info-700-rgb: var(--token-semantics-info-700-rgb, 16, 92, 239);
$ion-semantics-info-800: var(--token-semantics-info-800, $ion-primitives-blue-800);
$ion-semantics-info-800-rgb: var(--token-semantics-info-800-rgb, 15, 84, 218);
$ion-semantics-info-900: var(--token-semantics-info-900, $ion-primitives-blue-900);
$ion-semantics-info-900-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195);
$ion-semantics-info-1000: var(--token-semantics-info-1000, $ion-primitives-blue-1000);
$ion-semantics-info-1000-rgb: var(--token-semantics-info-1000-rgb, 11, 65, 169);
$ion-semantics-info-1100: var(--token-semantics-info-1100, $ion-primitives-blue-1100);
$ion-semantics-info-1100-rgb: var(--token-semantics-info-1100-rgb, 9, 53, 138);
$ion-semantics-info-1200: var(--token-semantics-info-1200, $ion-primitives-blue-1200);
$ion-semantics-info-1200-rgb: var(--token-semantics-info-1200-rgb, 7, 37, 97);
$ion-semantics-info-base: var(--token-semantics-info-base, $ion-semantics-info-700);
$ion-semantics-info-base-rgb: var(--token-semantics-info-base-rgb, 16, 92, 239);
$ion-semantics-success-100: var(--token-semantics-success-100, $ion-primitives-green-100);
$ion-semantics-success-100-rgb: var(--token-semantics-success-100-rgb, 226, 249, 228);
$ion-semantics-success-200: var(--token-semantics-success-200, $ion-primitives-green-200);
$ion-semantics-success-200-rgb: var(--token-semantics-success-200-rgb, 209, 247, 212);
$ion-semantics-success-300: var(--token-semantics-success-300, $ion-primitives-green-300);
$ion-semantics-success-300-rgb: var(--token-semantics-success-300-rgb, 179, 235, 183);
$ion-semantics-success-400: var(--token-semantics-success-400, $ion-primitives-green-400);
$ion-semantics-success-400-rgb: var(--token-semantics-success-400-rgb, 127, 224, 137);
$ion-semantics-success-500: var(--token-semantics-success-500, $ion-primitives-green-500);
$ion-semantics-success-500-rgb: var(--token-semantics-success-500-rgb, 35, 214, 67);
$ion-semantics-success-600: var(--token-semantics-success-600, $ion-primitives-green-600);
$ion-semantics-success-600-rgb: var(--token-semantics-success-600-rgb, 31, 189, 59);
$ion-semantics-success-700: var(--token-semantics-success-700, $ion-primitives-green-700);
$ion-semantics-success-700-rgb: var(--token-semantics-success-700-rgb, 27, 164, 51);
$ion-semantics-success-800: var(--token-semantics-success-800, $ion-primitives-green-800);
$ion-semantics-success-800-rgb: var(--token-semantics-success-800-rgb, 23, 138, 43);
$ion-semantics-success-900: var(--token-semantics-success-900, $ion-primitives-green-900);
$ion-semantics-success-900-rgb: var(--token-semantics-success-900-rgb, 18, 111, 35);
$ion-semantics-success-1000: var(--token-semantics-success-1000, $ion-primitives-green-1000);
$ion-semantics-success-1000-rgb: var(--token-semantics-success-1000-rgb, 14, 83, 26);
$ion-semantics-success-1100: var(--token-semantics-success-1100, $ion-primitives-green-1100);
$ion-semantics-success-1100-rgb: var(--token-semantics-success-1100-rgb, 9, 56, 17);
$ion-semantics-success-1200: var(--token-semantics-success-1200, $ion-primitives-green-1200);
$ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 5, 29, 9);
$ion-semantics-success-base: var(--token-semantics-success-base, $ion-semantics-success-700);
$ion-semantics-success-base-rgb: var(--token-semantics-success-base-rgb, 27, 164, 51);
$ion-semantics-danger-100: var(--token-semantics-danger-100, $ion-primitives-red-100);
$ion-semantics-danger-100-rgb: var(--token-semantics-danger-100-rgb, 253, 225, 225);
$ion-semantics-danger-200: var(--token-semantics-danger-200, $ion-primitives-red-200);
$ion-semantics-danger-200-rgb: var(--token-semantics-danger-200-rgb, 255, 217, 217);
$ion-semantics-danger-300: var(--token-semantics-danger-300, $ion-primitives-red-300);
$ion-semantics-danger-300-rgb: var(--token-semantics-danger-300-rgb, 252, 193, 193);
$ion-semantics-danger-400: var(--token-semantics-danger-400, $ion-primitives-red-400);
$ion-semantics-danger-400-rgb: var(--token-semantics-danger-400-rgb, 250, 161, 161);
$ion-semantics-danger-500: var(--token-semantics-danger-500, $ion-primitives-red-500);
$ion-semantics-danger-500-rgb: var(--token-semantics-danger-500-rgb, 249, 125, 125);
$ion-semantics-danger-600: var(--token-semantics-danger-600, $ion-primitives-red-600);
$ion-semantics-danger-600-rgb: var(--token-semantics-danger-600-rgb, 248, 81, 81);
$ion-semantics-danger-700: var(--token-semantics-danger-700, $ion-primitives-red-700);
$ion-semantics-danger-700-rgb: var(--token-semantics-danger-700-rgb, 229, 41, 41);
$ion-semantics-danger-800: var(--token-semantics-danger-800, $ion-primitives-red-800);
$ion-semantics-danger-800-rgb: var(--token-semantics-danger-800-rgb, 191, 34, 34);
$ion-semantics-danger-900: var(--token-semantics-danger-900, $ion-primitives-red-900);
$ion-semantics-danger-900-rgb: var(--token-semantics-danger-900-rgb, 153, 27, 27);
$ion-semantics-danger-1000: var(--token-semantics-danger-1000, $ion-primitives-red-1000);
$ion-semantics-danger-1000-rgb: var(--token-semantics-danger-1000-rgb, 118, 21, 21);
$ion-semantics-danger-1100: var(--token-semantics-danger-1100, $ion-primitives-red-1100);
$ion-semantics-danger-1100-rgb: var(--token-semantics-danger-1100-rgb, 84, 15, 15);
$ion-semantics-danger-1200: var(--token-semantics-danger-1200, $ion-primitives-red-1200);
$ion-semantics-danger-1200-rgb: var(--token-semantics-danger-1200-rgb, 51, 9, 9);
$ion-semantics-danger-base: var(--token-semantics-danger-base, $ion-semantics-danger-700);
$ion-semantics-danger-base-rgb: var(--token-semantics-danger-base-rgb, 229, 41, 41);
$ion-semantics-warning-100: var(--token-semantics-warning-100, $ion-primitives-yellow-100);
$ion-semantics-warning-100-rgb: var(--token-semantics-warning-100-rgb, 255, 243, 213);
$ion-semantics-warning-200: var(--token-semantics-warning-200, $ion-primitives-yellow-200);
$ion-semantics-warning-200-rgb: var(--token-semantics-warning-200-rgb, 255, 240, 199);
$ion-semantics-warning-300: var(--token-semantics-warning-300, $ion-primitives-yellow-300);
$ion-semantics-warning-300-rgb: var(--token-semantics-warning-300-rgb, 255, 235, 177);
$ion-semantics-warning-400: var(--token-semantics-warning-400, $ion-primitives-yellow-400);
$ion-semantics-warning-400-rgb: var(--token-semantics-warning-400-rgb, 255, 224, 123);
$ion-semantics-warning-500: var(--token-semantics-warning-500, $ion-primitives-yellow-500);
$ion-semantics-warning-500-rgb: var(--token-semantics-warning-500-rgb, 255, 214, 0);
$ion-semantics-warning-600: var(--token-semantics-warning-600, $ion-primitives-yellow-600);
$ion-semantics-warning-600-rgb: var(--token-semantics-warning-600-rgb, 249, 189, 10);
$ion-semantics-warning-700: var(--token-semantics-warning-700, $ion-primitives-yellow-700);
$ion-semantics-warning-700-rgb: var(--token-semantics-warning-700-rgb, 223, 156, 0);
$ion-semantics-warning-800: var(--token-semantics-warning-800, $ion-primitives-yellow-800);
$ion-semantics-warning-800-rgb: var(--token-semantics-warning-800-rgb, 186, 130, 0);
$ion-semantics-warning-900: var(--token-semantics-warning-900, $ion-primitives-yellow-900);
$ion-semantics-warning-900-rgb: var(--token-semantics-warning-900-rgb, 150, 101, 3);
$ion-semantics-warning-1000: var(--token-semantics-warning-1000, $ion-primitives-yellow-1000);
$ion-semantics-warning-1000-rgb: var(--token-semantics-warning-1000-rgb, 112, 75, 2);
$ion-semantics-warning-1100: var(--token-semantics-warning-1100, $ion-primitives-yellow-1100);
$ion-semantics-warning-1100-rgb: var(--token-semantics-warning-1100-rgb, 83, 56, 2);
$ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives-yellow-1200);
$ion-semantics-warning-1200-rgb: var(--token-semantics-warning-1200-rgb, 44, 30, 2);
$ion-semantics-warning-base: var(--token-semantics-warning-base, $ion-semantics-warning-500);
$ion-semantics-warning-base-rgb: var(--token-semantics-warning-base-rgb, 255, 214, 0);
// Text
$ion-text-default: var(--token-text-default, $ion-primitives-neutral-1200);
$ion-text-default-rgb: var(--token-text-default-rgb, 36, 36, 36);
$ion-text-subtle: var(--token-text-subtle, $ion-primitives-neutral-1000);
$ion-text-subtle-rgb: var(--token-text-subtle-rgb, 59, 59, 59);
$ion-text-subtlest: var(--token-text-subtlest, $ion-primitives-neutral-800);
$ion-text-subtlest-rgb: var(--token-text-subtlest-rgb, 98, 98, 98);
$ion-text-primary: var(--token-text-primary, $ion-semantics-primary-900);
$ion-text-primary-rgb: var(--token-text-primary-rgb, 13, 75, 195);
$ion-text-disabled: var(--token-text-disabled, $ion-primitives-neutral-500);
$ion-text-disabled-rgb: var(--token-text-disabled-rgb, 162, 162, 162);
$ion-text-danger: var(--token-text-danger, $ion-semantics-danger-900);
$ion-text-danger-rgb: var(--token-text-danger-rgb, 153, 27, 27);
$ion-text-info: var(--token-text-info, $ion-semantics-info-900);
$ion-text-info-rgb: var(--token-text-info-rgb, 13, 75, 195);
$ion-text-warning: var(--token-text-warning, $ion-semantics-warning-1000);
$ion-text-warning-rgb: var(--token-text-warning-rgb, 112, 75, 2);
$ion-text-success: var(--token-text-success, $ion-semantics-success-900);
$ion-text-success-rgb: var(--token-text-success-rgb, 18, 111, 35);
$ion-text-link-default: var(--token-text-link-default, $ion-semantics-primary-900);
$ion-text-link-default-rgb: var(--token-text-link-default-rgb, 13, 75, 195);
$ion-text-link-press: var(--token-text-link-press, $ion-semantics-primary-1100);
$ion-text-link-press-rgb: var(--token-text-link-press-rgb, 9, 53, 138);
$ion-text-link-visited: var(--token-text-link-visited, $ion-semantics-primary-1100);
$ion-text-link-visited-rgb: var(--token-text-link-visited-rgb, 9, 53, 138);
$ion-text-inverse: var(--token-text-inverse, $ion-primitives-base-white);
$ion-text-inverse-rgb: var(--token-text-inverse-rgb, 255, 255, 255);
$ion-text-select: var(--token-text-select, $ion-semantics-primary-800);
$ion-text-select-rgb: var(--token-text-select-rgb, 15, 84, 218);
$ion-text-extended-pumpkin: var(--token-text-extended-pumpkin, $ion-primitives-pumpkin-900);
$ion-text-extended-pumpkin-rgb: var(--token-text-extended-pumpkin-rgb, 128, 48, 4);
$ion-text-extended-orange: var(--token-text-extended-orange, $ion-primitives-orange-900);
$ion-text-extended-orange-rgb: var(--token-text-extended-orange-rgb, 132, 77, 0);
$ion-text-extended-lime: var(--token-text-extended-lime, $ion-primitives-lime-1000);
$ion-text-extended-lime-rgb: var(--token-text-extended-lime-rgb, 62, 87, 9);
$ion-text-extended-teal: var(--token-text-extended-teal, $ion-primitives-teal-900);
$ion-text-extended-teal-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95);
$ion-text-extended-aqua: var(--token-text-extended-aqua, $ion-primitives-aqua-900);
$ion-text-extended-aqua-rgb: var(--token-text-extended-aqua-rgb, 20, 109, 129);
$ion-text-extended-indigo: var(--token-text-extended-indigo, $ion-primitives-indigo-900);
$ion-text-extended-indigo-rgb: var(--token-text-extended-indigo-rgb, 53, 22, 174);
$ion-text-extended-violet: var(--token-text-extended-violet, $ion-primitives-violet-900);
$ion-text-extended-violet-rgb: var(--token-text-extended-violet-rgb, 101, 26, 197);
$ion-text-extended-purple: var(--token-text-extended-purple, $ion-primitives-purple-1000);
$ion-text-extended-purple-rgb: var(--token-text-extended-purple-rgb, 129, 42, 170);
$ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-magenta-1100);
$ion-text-extended-magenta-rgb: var(--token-text-extended-magenta-rgb, 137, 43, 122);
$ion-text-extended-pink: var(--token-text-extended-pink, $ion-primitives-pink-1000);
$ion-text-extended-pink-rgb: var(--token-text-extended-pink-rgb, 170, 42, 88);
// Bg
$ion-bg-primary-base-default: var(--token-bg-primary-base-default, $ion-semantics-primary-base);
$ion-bg-primary-base-default-rgb: var(--token-bg-primary-base-default-rgb, 16, 92, 239);
$ion-bg-primary-base-press: var(--token-bg-primary-base-press, $ion-semantics-primary-900);
$ion-bg-primary-base-press-rgb: var(--token-bg-primary-base-press-rgb, 13, 75, 195);
$ion-bg-primary-subtle-default: var(--token-bg-primary-subtle-default, $ion-semantics-primary-100);
$ion-bg-primary-subtle-default-rgb: var(--token-bg-primary-subtle-default-rgb, 233, 236, 252);
$ion-bg-primary-subtle-press: var(--token-bg-primary-subtle-press, $ion-semantics-primary-300);
$ion-bg-primary-subtle-press-rgb: var(--token-bg-primary-subtle-press-rgb, 208, 215, 250);
$ion-bg-danger-base-default: var(--token-bg-danger-base-default, $ion-semantics-danger-800);
$ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 191, 34, 34);
$ion-bg-danger-base-press: var(--token-bg-danger-base-press, $ion-semantics-danger-1000);
$ion-bg-danger-base-press-rgb: var(--token-bg-danger-base-press-rgb, 118, 21, 21);
$ion-bg-danger-subtle-default: var(--token-bg-danger-subtle-default, $ion-semantics-danger-100);
$ion-bg-danger-subtle-default-rgb: var(--token-bg-danger-subtle-default-rgb, 253, 225, 225);
$ion-bg-danger-subtle-press: var(--token-bg-danger-subtle-press, $ion-semantics-danger-300);
$ion-bg-danger-subtle-press-rgb: var(--token-bg-danger-subtle-press-rgb, 252, 193, 193);
$ion-bg-success-base-default: var(--token-bg-success-base-default, $ion-semantics-success-900);
$ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 18, 111, 35);
$ion-bg-success-base-press: var(--token-bg-success-base-press, $ion-semantics-success-1100);
$ion-bg-success-base-press-rgb: var(--token-bg-success-base-press-rgb, 9, 56, 17);
$ion-bg-success-subtle-default: var(--token-bg-success-subtle-default, $ion-semantics-success-100);
$ion-bg-success-subtle-default-rgb: var(--token-bg-success-subtle-default-rgb, 226, 249, 228);
$ion-bg-success-subtle-press: var(--token-bg-success-subtle-press, $ion-semantics-success-300);
$ion-bg-success-subtle-press-rgb: var(--token-bg-success-subtle-press-rgb, 179, 235, 183);
$ion-bg-info-base-default: var(--token-bg-info-base-default, $ion-semantics-info-900);
$ion-bg-info-base-default-rgb: var(--token-bg-info-base-default-rgb, 13, 75, 195);
$ion-bg-info-base-press: var(--token-bg-info-base-press, $ion-semantics-info-1100);
$ion-bg-info-base-press-rgb: var(--token-bg-info-base-press-rgb, 9, 53, 138);
$ion-bg-info-subtle-default: var(--token-bg-info-subtle-default, $ion-semantics-info-100);
$ion-bg-info-subtle-default-rgb: var(--token-bg-info-subtle-default-rgb, 233, 236, 252);
$ion-bg-info-subtle-press: var(--token-bg-info-subtle-press, $ion-semantics-info-300);
$ion-bg-info-subtle-press-rgb: var(--token-bg-info-subtle-press-rgb, 208, 215, 250);
$ion-bg-warning-base-default: var(--token-bg-warning-base-default, $ion-semantics-warning-500);
$ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0);
$ion-bg-warning-base-press: var(--token-bg-warning-base-press, $ion-semantics-warning-700);
$ion-bg-warning-base-press-rgb: var(--token-bg-warning-base-press-rgb, 223, 156, 0);
$ion-bg-warning-subtle-default: var(--token-bg-warning-subtle-default, $ion-semantics-warning-200);
$ion-bg-warning-subtle-default-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 240, 199);
$ion-bg-warning-subtle-press: var(--token-bg-warning-subtle-press, $ion-semantics-warning-400);
$ion-bg-warning-subtle-press-rgb: var(--token-bg-warning-subtle-press-rgb, 255, 224, 123);
$ion-bg-body: var(--token-bg-body, $ion-primitives-base-white);
$ion-bg-body-rgb: var(--token-bg-body-rgb, 255, 255, 255);
$ion-bg-neutral-subtle-default: var(--token-bg-neutral-subtle-default, $ion-primitives-neutral-200);
$ion-bg-neutral-subtle-default-rgb: var(--token-bg-neutral-subtle-default-rgb, 234, 233, 233);
$ion-bg-neutral-subtle-press: var(--token-bg-neutral-subtle-press, $ion-primitives-neutral-400);
$ion-bg-neutral-subtle-press-rgb: var(--token-bg-neutral-subtle-press-rgb, 213, 213, 213);
$ion-bg-neutral-base-default: var(--token-bg-neutral-base-default, $ion-primitives-neutral-500);
$ion-bg-neutral-base-default-rgb: var(--token-bg-neutral-base-default-rgb, 162, 162, 162);
$ion-bg-neutral-base-press: var(--token-bg-neutral-base-press, $ion-primitives-neutral-700);
$ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 119, 119, 119);
$ion-bg-neutral-subtlest-default: var(--token-bg-neutral-subtlest-default, $ion-primitives-base-white);
$ion-bg-neutral-subtlest-default-rgb: var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255);
$ion-bg-neutral-subtlest-press: var(--token-bg-neutral-subtlest-press, $ion-primitives-neutral-200);
$ion-bg-neutral-subtlest-press-rgb: var(--token-bg-neutral-subtlest-press-rgb, 234, 233, 233);
$ion-bg-neutral-bold-default: var(--token-bg-neutral-bold-default, $ion-primitives-neutral-1000);
$ion-bg-neutral-bold-default-rgb: var(--token-bg-neutral-bold-default-rgb, 59, 59, 59);
$ion-bg-neutral-bold-press: var(--token-bg-neutral-bold-press, $ion-primitives-neutral-1200);
$ion-bg-neutral-bold-press-rgb: var(--token-bg-neutral-bold-press-rgb, 36, 36, 36);
$ion-bg-neutral-boldest-default: var(--token-bg-neutral-boldest-default, $ion-primitives-neutral-1200);
$ion-bg-neutral-boldest-default-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36);
$ion-bg-neutral-boldest-press: var(--token-bg-neutral-boldest-press, $ion-primitives-base-black);
$ion-bg-neutral-boldest-press-rgb: var(--token-bg-neutral-boldest-press-rgb, 17, 17, 17);
$ion-bg-surface-default: var(--token-bg-surface-default, $ion-primitives-base-white);
$ion-bg-surface-default-rgb: var(--token-bg-surface-default-rgb, 255, 255, 255);
$ion-bg-surface-inverse: var(--token-bg-surface-inverse, $ion-primitives-base-white);
$ion-bg-surface-inverse-rgb: var(--token-bg-surface-inverse-rgb, 255, 255, 255);
$ion-bg-input-default: var(--token-bg-input-default, $ion-primitives-base-white);
$ion-bg-input-default-rgb: var(--token-bg-input-default-rgb, 255, 255, 255);
$ion-bg-input-read-only: var(--token-bg-input-read-only, $ion-primitives-neutral-100);
$ion-bg-input-read-only-rgb: var(--token-bg-input-read-only-rgb, 243, 243, 243);
$ion-bg-input-press: var(--token-bg-input-press, $ion-primitives-neutral-200);
$ion-bg-input-press-rgb: var(--token-bg-input-press-rgb, 234, 233, 233);
$ion-bg-input-disabled: var(--token-bg-input-disabled, $ion-primitives-neutral-100);
$ion-bg-input-disabled-rgb: var(--token-bg-input-disabled-rgb, 243, 243, 243);
$ion-bg-input-bold-default: var(--token-bg-input-bold-default, $ion-primitives-neutral-200);
$ion-bg-input-bold-default-rgb: var(--token-bg-input-bold-default-rgb, 234, 233, 233);
$ion-bg-input-bold-press: var(--token-bg-input-bold-press, $ion-primitives-neutral-400);
$ion-bg-input-bold-press-rgb: var(--token-bg-input-bold-press-rgb, 213, 213, 213);
$ion-bg-input-bold-read-only: var(--token-bg-input-bold-read-only, $ion-primitives-neutral-300);
$ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 224, 224, 224);
$ion-bg-input-bold-disabled: var(--token-bg-input-bold-disabled, $ion-primitives-neutral-300);
$ion-bg-input-bold-disabled-rgb: var(--token-bg-input-bold-disabled-rgb, 224, 224, 224);
$ion-bg-select-default: var(--token-bg-select-default, $ion-semantics-primary-100);
$ion-bg-select-default-rgb: var(--token-bg-select-default-rgb, 233, 236, 252);
$ion-bg-select-press: var(--token-bg-select-press, $ion-semantics-primary-300);
$ion-bg-select-press-rgb: var(--token-bg-select-press-rgb, 208, 215, 250);
$ion-bg-extended-pumpkin-base-default: var(--token-bg-extended-pumpkin-base-default, $ion-primitives-pumpkin-700);
$ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);
$ion-bg-extended-pumpkin-base-press: var(--token-bg-extended-pumpkin-base-press, $ion-primitives-pumpkin-900);
$ion-bg-extended-pumpkin-base-press-rgb: var(--token-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);
$ion-bg-extended-pumpkin-subtle-default: var(--token-bg-extended-pumpkin-subtle-default, $ion-primitives-pumpkin-100);
$ion-bg-extended-pumpkin-subtle-default-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219);
$ion-bg-extended-pumpkin-subtle-press: var(--token-bg-extended-pumpkin-subtle-press, $ion-primitives-pumpkin-300);
$ion-bg-extended-pumpkin-subtle-press-rgb: var(--token-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);
$ion-bg-extended-orange-base-default: var(--token-bg-extended-orange-base-default, $ion-primitives-orange-800);
$ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-default-rgb, 164, 95, 0);
$ion-bg-extended-orange-base-press: var(--token-bg-extended-orange-base-press, $ion-primitives-orange-1000);
$ion-bg-extended-orange-base-press-rgb: var(--token-bg-extended-orange-base-press-rgb, 99, 58, 0);
$ion-bg-extended-orange-subtle-default: var(--token-bg-extended-orange-subtle-default, $ion-primitives-orange-100);
$ion-bg-extended-orange-subtle-default-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 255, 232, 219);
$ion-bg-extended-orange-subtle-press: var(--token-bg-extended-orange-subtle-press, $ion-primitives-orange-300);
$ion-bg-extended-orange-subtle-press-rgb: var(--token-bg-extended-orange-subtle-press-rgb, 255, 207, 177);
$ion-bg-extended-lime-base-default: var(--token-bg-extended-lime-base-default, $ion-primitives-lime-900);
$ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-default-rgb, 83, 115, 12);
$ion-bg-extended-lime-base-press: var(--token-bg-extended-lime-base-press, $ion-primitives-lime-1100);
$ion-bg-extended-lime-base-press-rgb: var(--token-bg-extended-lime-base-press-rgb, 42, 58, 6);
$ion-bg-extended-lime-subtle-default: var(--token-bg-extended-lime-subtle-default, $ion-primitives-lime-100);
$ion-bg-extended-lime-subtle-default-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 235, 252, 212);
$ion-bg-extended-lime-subtle-press: var(--token-bg-extended-lime-subtle-press, $ion-primitives-lime-300);
$ion-bg-extended-lime-subtle-press-rgb: var(--token-bg-extended-lime-subtle-press-rgb, 211, 239, 178);
$ion-bg-extended-teal-base-default: var(--token-bg-extended-teal-base-default, $ion-primitives-teal-800);
$ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118);
$ion-bg-extended-teal-base-press: var(--token-bg-extended-teal-base-press, $ion-primitives-teal-1000);
$ion-bg-extended-teal-base-press-rgb: var(--token-bg-extended-teal-base-press-rgb, 0, 81, 71);
$ion-bg-extended-teal-subtle-default: var(--token-bg-extended-teal-subtle-default, $ion-primitives-teal-100);
$ion-bg-extended-teal-subtle-default-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241);
$ion-bg-extended-teal-subtle-press: var(--token-bg-extended-teal-subtle-press, $ion-primitives-teal-300);
$ion-bg-extended-teal-subtle-press-rgb: var(--token-bg-extended-teal-subtle-press-rgb, 177, 231, 221);
$ion-bg-extended-aqua-base-default: var(--token-bg-extended-aqua-base-default, $ion-primitives-aqua-900);
$ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-default-rgb, 20, 109, 129);
$ion-bg-extended-aqua-base-press: var(--token-bg-extended-aqua-base-press, $ion-primitives-aqua-1100);
$ion-bg-extended-aqua-base-press-rgb: var(--token-bg-extended-aqua-base-press-rgb, 10, 55, 65);
$ion-bg-extended-aqua-subtle-default: var(--token-bg-extended-aqua-subtle-default, $ion-primitives-aqua-100);
$ion-bg-extended-aqua-subtle-default-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255);
$ion-bg-extended-aqua-subtle-press: var(--token-bg-extended-aqua-subtle-press, $ion-primitives-aqua-300);
$ion-bg-extended-aqua-subtle-press-rgb: var(--token-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);
$ion-bg-extended-indigo-base-default: var(--token-bg-extended-indigo-base-default, $ion-primitives-indigo-700);
$ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-default-rgb, 65, 27, 213);
$ion-bg-extended-indigo-base-press: var(--token-bg-extended-indigo-base-press, $ion-primitives-indigo-900);
$ion-bg-extended-indigo-base-press-rgb: var(--token-bg-extended-indigo-base-press-rgb, 53, 22, 174);
$ion-bg-extended-indigo-subtle-default: var(--token-bg-extended-indigo-subtle-default, $ion-primitives-indigo-100);
$ion-bg-extended-indigo-subtle-default-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255);
$ion-bg-extended-indigo-subtle-press: var(--token-bg-extended-indigo-subtle-press, $ion-primitives-indigo-300);
$ion-bg-extended-indigo-subtle-press-rgb: var(--token-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);
$ion-bg-extended-violet-base-default: var(--token-bg-extended-violet-base-default, $ion-primitives-violet-700);
$ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242);
$ion-bg-extended-violet-base-press: var(--token-bg-extended-violet-base-press, $ion-primitives-violet-900);
$ion-bg-extended-violet-base-press-rgb: var(--token-bg-extended-violet-base-press-rgb, 101, 26, 197);
$ion-bg-extended-violet-subtle-default: var(--token-bg-extended-violet-subtle-default, $ion-primitives-violet-100);
$ion-bg-extended-violet-subtle-default-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255);
$ion-bg-extended-violet-subtle-press: var(--token-bg-extended-violet-subtle-press, $ion-primitives-violet-300);
$ion-bg-extended-violet-subtle-press-rgb: var(--token-bg-extended-violet-subtle-press-rgb, 220, 209, 251);
$ion-bg-extended-purple-base-default: var(--token-bg-extended-purple-base-default, $ion-primitives-purple-800);
$ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220);
$ion-bg-extended-purple-base-press: var(--token-bg-extended-purple-base-press, $ion-primitives-purple-1000);
$ion-bg-extended-purple-base-press-rgb: var(--token-bg-extended-purple-base-press-rgb, 129, 42, 170);
$ion-bg-extended-purple-subtle-default: var(--token-bg-extended-purple-subtle-default, $ion-primitives-purple-100);
$ion-bg-extended-purple-subtle-default-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253);
$ion-bg-extended-purple-subtle-press: var(--token-bg-extended-purple-subtle-press, $ion-primitives-purple-300);
$ion-bg-extended-purple-subtle-press-rgb: var(--token-bg-extended-purple-subtle-press-rgb, 233, 211, 250);
$ion-bg-extended-magenta-base-default: var(--token-bg-extended-magenta-base-default, $ion-primitives-magenta-900);
$ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172);
$ion-bg-extended-magenta-base-press: var(--token-bg-extended-magenta-base-press, $ion-primitives-magenta-1100);
$ion-bg-extended-magenta-base-press-rgb: var(--token-bg-extended-magenta-base-press-rgb, 137, 43, 122);
$ion-bg-extended-magenta-subtle-default: var(--token-bg-extended-magenta-subtle-default, $ion-primitives-magenta-100);
$ion-bg-extended-magenta-subtle-default-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251);
$ion-bg-extended-magenta-subtle-press: var(--token-bg-extended-magenta-subtle-press, $ion-primitives-magenta-300);
$ion-bg-extended-magenta-subtle-press-rgb: var(--token-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);
$ion-bg-extended-pink-base-default: var(--token-bg-extended-pink-base-default, $ion-primitives-pink-900);
$ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-default-rgb, 197, 48, 102);
$ion-bg-extended-pink-base-press: var(--token-bg-extended-pink-base-press, $ion-primitives-pink-1100);
$ion-bg-extended-pink-base-press-rgb: var(--token-bg-extended-pink-base-press-rgb, 139, 34, 72);
$ion-bg-extended-pink-subtle-default: var(--token-bg-extended-pink-subtle-default, $ion-primitives-pink-100);
$ion-bg-extended-pink-subtle-default-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 253, 234, 238);
$ion-bg-extended-pink-subtle-press: var(--token-bg-extended-pink-subtle-press, $ion-primitives-pink-300);
$ion-bg-extended-pink-subtle-press-rgb: var(--token-bg-extended-pink-subtle-press-rgb, 250, 211, 220);
// Icon
$ion-icon-default: var(--token-icon-default, $ion-primitives-neutral-1200);
$ion-icon-default-rgb: var(--token-icon-default-rgb, 36, 36, 36);
$ion-icon-subtle: var(--token-icon-subtle, $ion-primitives-neutral-1000);
$ion-icon-subtle-rgb: var(--token-icon-subtle-rgb, 59, 59, 59);
$ion-icon-subtlest: var(--token-icon-subtlest, $ion-primitives-neutral-800);
$ion-icon-subtlest-rgb: var(--token-icon-subtlest-rgb, 98, 98, 98);
$ion-icon-disabled: var(--token-icon-disabled, $ion-primitives-neutral-500);
$ion-icon-disabled-rgb: var(--token-icon-disabled-rgb, 162, 162, 162);
$ion-icon-primary: var(--token-icon-primary, $ion-semantics-primary-900);
$ion-icon-primary-rgb: var(--token-icon-primary-rgb, 13, 75, 195);
$ion-icon-select: var(--token-icon-select, $ion-semantics-primary-800);
$ion-icon-select-rgb: var(--token-icon-select-rgb, 15, 84, 218);
$ion-icon-info: var(--token-icon-info, $ion-semantics-info-900);
$ion-icon-info-rgb: var(--token-icon-info-rgb, 13, 75, 195);
$ion-icon-success: var(--token-icon-success, $ion-semantics-success-900);
$ion-icon-success-rgb: var(--token-icon-success-rgb, 18, 111, 35);
$ion-icon-danger: var(--token-icon-danger, $ion-semantics-danger-900);
$ion-icon-danger-rgb: var(--token-icon-danger-rgb, 153, 27, 27);
$ion-icon-warning: var(--token-icon-warning, $ion-semantics-warning-1000);
$ion-icon-warning-rgb: var(--token-icon-warning-rgb, 112, 75, 2);
$ion-icon-inverse: var(--token-icon-inverse, $ion-primitives-base-white);
$ion-icon-inverse-rgb: var(--token-icon-inverse-rgb, 255, 255, 255);
$ion-icon-link-default: var(--token-icon-link-default, $ion-text-link-default);
$ion-icon-link-default-rgb: var(--token-icon-link-default-rgb, 13, 75, 195);
$ion-icon-link-press: var(--token-icon-link-press, $ion-text-link-press);
$ion-icon-link-press-rgb: var(--token-icon-link-press-rgb, 9, 53, 138);
$ion-icon-link-visited: var(--token-icon-link-visited, $ion-text-link-visited);
$ion-icon-link-visited-rgb: var(--token-icon-link-visited-rgb, 9, 53, 138);
$ion-icon-extended-pumpkin: var(--token-icon-extended-pumpkin, $ion-primitives-pumpkin-900);
$ion-icon-extended-pumpkin-rgb: var(--token-icon-extended-pumpkin-rgb, 128, 48, 4);
$ion-icon-extended-orange: var(--token-icon-extended-orange, $ion-primitives-orange-900);
$ion-icon-extended-orange-rgb: var(--token-icon-extended-orange-rgb, 132, 77, 0);
$ion-icon-extended-lime: var(--token-icon-extended-lime, $ion-primitives-lime-1000);
$ion-icon-extended-lime-rgb: var(--token-icon-extended-lime-rgb, 62, 87, 9);
$ion-icon-extended-teal: var(--token-icon-extended-teal, $ion-primitives-teal-900);
$ion-icon-extended-teal-rgb: var(--token-icon-extended-teal-rgb, 0, 107, 95);
$ion-icon-extended-aqua: var(--token-icon-extended-aqua, $ion-primitives-aqua-900);
$ion-icon-extended-aqua-rgb: var(--token-icon-extended-aqua-rgb, 20, 109, 129);
$ion-icon-extended-indigo: var(--token-icon-extended-indigo, $ion-primitives-indigo-900);
$ion-icon-extended-indigo-rgb: var(--token-icon-extended-indigo-rgb, 53, 22, 174);
$ion-icon-extended-violet: var(--token-icon-extended-violet, $ion-primitives-violet-900);
$ion-icon-extended-violet-rgb: var(--token-icon-extended-violet-rgb, 101, 26, 197);
$ion-icon-extended-purple: var(--token-icon-extended-purple, $ion-primitives-purple-1000);
$ion-icon-extended-purple-rgb: var(--token-icon-extended-purple-rgb, 129, 42, 170);
$ion-icon-extended-magenta: var(--token-icon-extended-magenta, $ion-primitives-magenta-1100);
$ion-icon-extended-magenta-rgb: var(--token-icon-extended-magenta-rgb, 137, 43, 122);
$ion-icon-extended-pink: var(--token-icon-extended-pink, $ion-primitives-pink-1000);
$ion-icon-extended-pink-rgb: var(--token-icon-extended-pink-rgb, 170, 42, 88);
// State
$ion-state-disabled: var(--token-state-disabled, rgba(255, 255, 255, 0.6));
$ion-state-press: var(--token-state-press, rgba(36, 36, 36, 0.08));
// Border
$ion-border-default: var(--token-border-default, $ion-primitives-neutral-400);
$ion-border-default-rgb: var(--token-border-default-rgb, 213, 213, 213);
$ion-border-boldest: var(--token-border-boldest, $ion-primitives-neutral-1200);
$ion-border-boldest-rgb: var(--token-border-boldest-rgb, 36, 36, 36);
$ion-border-subtle: var(--token-border-subtle, $ion-primitives-neutral-100);
$ion-border-subtle-rgb: var(--token-border-subtle-rgb, 243, 243, 243);
$ion-border-subtlest: var(--token-border-subtlest, $ion-primitives-base-white);
$ion-border-subtlest-rgb: var(--token-border-subtlest-rgb, 255, 255, 255);
$ion-border-primary: var(--token-border-primary, $ion-semantics-primary-base);
$ion-border-primary-rgb: var(--token-border-primary-rgb, 16, 92, 239);
$ion-border-success: var(--token-border-success, $ion-semantics-success-900);
$ion-border-success-rgb: var(--token-border-success-rgb, 18, 111, 35);
$ion-border-warning: var(--token-border-warning, $ion-semantics-warning-900);
$ion-border-warning-rgb: var(--token-border-warning-rgb, 150, 101, 3);
$ion-border-disabled: var(--token-border-disabled, $ion-primitives-neutral-300);
$ion-border-disabled-rgb: var(--token-border-disabled-rgb, 224, 224, 224);
$ion-border-focus-0: var(--token-border-focus-0, none);
$ion-border-focus-default: var(--token-border-focus-default, $ion-primitives-blue-400);
$ion-border-focus-default-rgb: var(--token-border-focus-default-rgb, 181, 192, 247);
$ion-border-focus-error: var(--token-border-focus-error, $ion-primitives-red-400);
$ion-border-focus-error-rgb: var(--token-border-focus-error-rgb, 250, 161, 161);
$ion-border-danger-default: var(--token-border-danger-default, $ion-semantics-danger-800);
$ion-border-danger-default-rgb: var(--token-border-danger-default-rgb, 191, 34, 34);
$ion-border-danger-press: var(--token-border-danger-press, $ion-semantics-danger-1000);
$ion-border-danger-press-rgb: var(--token-border-danger-press-rgb, 118, 21, 21);
$ion-border-input-default: var(--token-border-input-default, $ion-primitives-neutral-600);
$ion-border-input-default-rgb: var(--token-border-input-default-rgb, 140, 140, 140);
$ion-border-input-press: var(--token-border-input-press, $ion-primitives-neutral-800);
$ion-border-input-press-rgb: var(--token-border-input-press-rgb, 98, 98, 98);
$ion-border-input-read-only: var(--token-border-input-read-only, $ion-primitives-neutral-800);
$ion-border-input-read-only-rgb: var(--token-border-input-read-only-rgb, 98, 98, 98);
$ion-border-style-none: var(--token-border-style-none, none);
$ion-border-style-solid: var(--token-border-style-solid, solid);
$ion-border-style-dashed: var(--token-border-style-dashed, dashed);
$ion-border-style-dotted: var(--token-border-style-dotted, dotted);
$ion-border-size-0: var(--token-border-size-0, $ion-scale-0);
$ion-border-size-025: var(--token-border-size-025, $ion-scale-025);
$ion-border-size-050: var(--token-border-size-050, $ion-scale-050);
$ion-border-size-075: var(--token-border-size-075, $ion-scale-075);
$ion-border-radius-0: var(--token-border-radius-0, $ion-scale-0);
$ion-border-radius-100: var(--token-border-radius-100, $ion-scale-100);
$ion-border-radius-200: var(--token-border-radius-200, $ion-scale-200);
$ion-border-radius-300: var(--token-border-radius-300, $ion-scale-300);
$ion-border-radius-400: var(--token-border-radius-400, $ion-scale-400);
$ion-border-radius-500: var(--token-border-radius-500, $ion-scale-500);
$ion-border-radius-800: var(--token-border-radius-800, $ion-scale-800);
$ion-border-radius-1000: var(--token-border-radius-1000, $ion-scale-1000);
$ion-border-radius-full: var(--token-border-radius-full, 999px);
$ion-border-radius-025: var(--token-border-radius-025, $ion-scale-050);
// Font
$ion-font-family: var(
--token-font-family,
-apple-system,
system-ui,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol"
);
$ion-font-weight-thin: var(--token-font-weight-thin, 100);
$ion-font-weight-extra-light: var(--token-font-weight-extra-light, 200);
$ion-font-weight-light: var(--token-font-weight-light, 300);
$ion-font-weight-regular: var(--token-font-weight-regular, 400);
$ion-font-weight-medium: var(--token-font-weight-medium, 500);
$ion-font-weight-semi-bold: var(--token-font-weight-semi-bold, 600);
$ion-font-weight-bold: var(--token-font-weight-bold, 700);
$ion-font-weight-extra-bold: var(--token-font-weight-extra-bold, 800);
$ion-font-weight-black: var(--token-font-weight-black, 900);
$ion-font-size-275: var(--token-font-size-275, 0.6875rem);
$ion-font-size-300: var(--token-font-size-300, 0.75rem);
$ion-font-size-350: var(--token-font-size-350, 0.875rem);
$ion-font-size-400: var(--token-font-size-400, 1rem);
$ion-font-size-450: var(--token-font-size-450, 1.125rem);
$ion-font-size-500: var(--token-font-size-500, 1.25rem);
$ion-font-size-550: var(--token-font-size-550, 1.375rem);
$ion-font-size-600: var(--token-font-size-600, 1.5rem);
$ion-font-size-650: var(--token-font-size-650, 1.625rem);
$ion-font-size-700: var(--token-font-size-700, 1.75rem);
$ion-font-size-800: var(--token-font-size-800, 2rem);
$ion-font-size-900: var(--token-font-size-900, 2.25rem);
$ion-font-letter-spacing-0: var(--token-font-letter-spacing-0, 0%);
$ion-font-letter-spacing-1: var(--token-font-letter-spacing-1, 1%);
$ion-font-letter-spacing-2: var(--token-font-letter-spacing-2, 1.5%);
$ion-font-line-height-300: var(--token-font-line-height-300, $ion-scale-300);
$ion-font-line-height-400: var(--token-font-line-height-400, $ion-scale-400);
$ion-font-line-height-500: var(--token-font-line-height-500, $ion-scale-500);
$ion-font-line-height-600: var(--token-font-line-height-600, $ion-scale-600);
$ion-font-line-height-700: var(--token-font-line-height-700, $ion-scale-700);
$ion-font-line-height-800: var(--token-font-line-height-800, $ion-scale-800);
$ion-font-line-height-900: var(--token-font-line-height-900, $ion-scale-900);
$ion-font-line-height-1100: var(--token-font-line-height-1100, $ion-scale-1100);
$ion-font-line-height-1200: var(--token-font-line-height-1200, $ion-scale-1200);
$ion-font-line-height-full: var(--token-font-line-height-full, 100%);
// Space
$ion-space-0: var(--token-space-0, $ion-scale-0);
$ion-space-100: var(--token-space-100, $ion-scale-100);
$ion-space-150: var(--token-space-150, $ion-scale-150);
$ion-space-200: var(--token-space-200, $ion-scale-200);
$ion-space-250: var(--token-space-250, $ion-scale-250);
$ion-space-300: var(--token-space-300, $ion-scale-300);
$ion-space-400: var(--token-space-400, $ion-scale-400);
$ion-space-500: var(--token-space-500, $ion-scale-500);
$ion-space-600: var(--token-space-600, $ion-scale-600);
$ion-space-700: var(--token-space-700, $ion-scale-700);
$ion-space-800: var(--token-space-800, $ion-scale-800);
$ion-space-900: var(--token-space-900, $ion-scale-900);
$ion-space-1000: var(--token-space-1000, $ion-scale-1000);
$ion-space-1200: var(--token-space-1200, $ion-scale-1200);
$ion-space-050: var(--token-space-050, $ion-scale-050);
// Shadow
$ion-shadow-1: var(--token-shadow-1, rgba(0, 0, 0, 0.04));
$ion-shadow-2: var(--token-shadow-2, rgba(0, 0, 0, 0.05));
$ion-shadow-3: var(--token-shadow-3, rgba(0, 0, 0, 0.07));
$ion-shadow-4: var(--token-shadow-4, rgba(0, 0, 0, 0.08));
$ion-shadow-5: var(--token-shadow-5, rgba(0, 0, 0, 0.12));
$ion-shadow-6: var(--token-shadow-6, rgba(0, 0, 0, 0.16));
$ion-shadow-7: var(--token-shadow-7, rgba(0, 0, 0, 0.18));
// Elevation
$ion-elevation-1: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
$ion-elevation-2: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
$ion-elevation-3: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
$ion-elevation-4: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
// Transition
$ion-transition-curve-linear: var(--token-transition-curve-linear, linear);
$ion-transition-curve-quick: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
$ion-transition-curve-base: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
$ion-transition-curve-expressive: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
$ion-transition-curve-bounce: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
$ion-transition-time-0: var(--token-transition-time-0, 0ms);
$ion-transition-time-100: var(--token-transition-time-100, 100ms);
$ion-transition-time-150: var(--token-transition-time-150, 150ms);
$ion-transition-time-200: var(--token-transition-time-200, 200ms);
$ion-transition-time-300: var(--token-transition-time-300, 300ms);
$ion-transition-time-500: var(--token-transition-time-500, 500ms);
$ion-transition-time-1000: var(--token-transition-time-1000, 1000ms);
$ion-transition-time-1500: var(--token-transition-time-1500, 1500ms);
// Z-index
$ion-z-index-0: var(--token-z-index-0, 0);
$ion-z-index-100: var(--token-z-index-100, 100);
$ion-z-index-200: var(--token-z-index-200, 200);
$ion-z-index-300: var(--token-z-index-300, 300);
$ion-z-index-400: var(--token-z-index-400, 400);
$ion-z-index-500: var(--token-z-index-500, 500);
$ion-z-index-bottom: var(--token-z-index-bottom, -99999);
$ion-z-index-top: var(--token-z-index-top, 99999);
// Rectangular
$ion-rectangular-2xs: var(--token-rectangular-2xs, $ion-border-radius-0);
$ion-rectangular-xs: var(--token-rectangular-xs, $ion-border-radius-0);
$ion-rectangular-sm: var(--token-rectangular-sm, $ion-border-radius-0);
$ion-rectangular-md: var(--token-rectangular-md, $ion-border-radius-0);
$ion-rectangular-lg: var(--token-rectangular-lg, $ion-border-radius-0);
$ion-rectangular-xl: var(--token-rectangular-xl, $ion-border-radius-0);
$ion-rectangular-2xl: var(--token-rectangular-2xl, $ion-border-radius-0);
// Round
$ion-round-2xs: var(--token-round-2xs, $ion-border-radius-full);
$ion-round-xs: var(--token-round-xs, $ion-border-radius-full);
$ion-round-sm: var(--token-round-sm, $ion-border-radius-full);
$ion-round-md: var(--token-round-md, $ion-border-radius-full);
$ion-round-lg: var(--token-round-lg, $ion-border-radius-300);
$ion-round-xl: var(--token-round-xl, $ion-border-radius-400);
$ion-round-2xl: var(--token-round-2xl, $ion-border-radius-1000);
// Soft
$ion-soft-2xs: var(--token-soft-2xs, $ion-border-radius-100);
$ion-soft-xs: var(--token-soft-xs, $ion-border-radius-200);
$ion-soft-sm: var(--token-soft-sm, $ion-border-radius-300);
$ion-soft-md: var(--token-soft-md, $ion-border-radius-400);
$ion-soft-lg: var(--token-soft-lg, $ion-border-radius-200);
$ion-soft-xl: var(--token-soft-xl, $ion-border-radius-200);
$ion-soft-2xl: var(--token-soft-2xl, $ion-border-radius-400);
// Typography
$ion-display-sm-regular: (
font-size: $ion-font-size-800,
font-style: normal,
font-weight: $ion-font-weight-regular,
letter-spacing: $ion-font-letter-spacing-0,
line-height: $ion-font-line-height-1100,
text-transform: none,
text-decoration: none,
);