@acorex/styles 21.0.1-next.77 → 21.0.1-next.79

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.
@@ -578,1491 +578,1009 @@ html.ax-dark {
578
578
  --ax-sys-color-border-default: var(--ax-sys-color-border-lightest-surface);
579
579
  }
580
580
 
581
- :root.ax-dark,
582
- .ax-dark {
583
- --ax-sys-scroller-track-color: rgba(var(--ax-sys-color-darker-surface));
584
- --ax-sys-scroller-thumb-color: rgba(var(--ax-sys-color-lightest-surface));
585
-
586
- --ax-sys-color-lightest-surface: 56, 56, 56;
587
- --ax-sys-color-on-lightest-surface: 245, 245, 245;
588
- --ax-sys-color-border-lightest-surface: 64, 64, 64;
589
-
590
- --ax-sys-color-lighter-surface: 49, 49, 49;
591
- --ax-sys-color-on-lighter-surface: 245, 245, 245;
592
- --ax-sys-color-border-lighter-surface: 56, 56, 56;
593
-
594
- --ax-sys-color-light-surface: 42, 42, 42;
595
- --ax-sys-color-on-light-surface: 245, 245, 245;
596
- --ax-sys-color-border-light-surface: 50, 50, 50;
597
-
598
- --ax-sys-color-surface: 33, 33, 33;
599
- --ax-sys-color-on-surface: 245, 245, 245;
600
- --ax-sys-color-border-surface: 44, 44, 44;
601
-
602
- --ax-sys-color-dark-surface: 27, 27, 27;
603
- --ax-sys-color-on-dark-surface: 245, 245, 245;
604
- --ax-sys-color-border-dark-surface: 38, 38, 38;
605
-
606
- --ax-sys-color-darker-surface: 20, 20, 20;
607
- --ax-sys-color-on-darker-surface: 245, 245, 245;
608
- --ax-sys-color-border-darker-surface: 32, 32, 32;
609
-
610
- --ax-sys-color-darkest-surface: 10, 10, 10;
611
- --ax-sys-color-on-darkest-surface: 245, 245, 245;
612
- --ax-sys-color-border-darkest-surface: 28, 28, 28;
613
-
614
- --ax-sys-color-primary-50: 233, 247, 255;
615
- --ax-sys-color-primary-100: 219, 238, 255;
616
- --ax-sys-color-primary-200: 190, 221, 255;
617
- --ax-sys-color-primary-300: 161, 203, 255;
618
- --ax-sys-color-primary-400: 132, 185, 255;
619
- --ax-sys-color-primary-500: 101, 166, 255;
620
- --ax-sys-color-primary-600: 67, 146, 255;
621
- --ax-sys-color-primary-700: 43, 127, 255;
622
- --ax-sys-color-primary-800: 25, 112, 239;
623
- --ax-sys-color-primary-900: 0, 98, 223;
624
- --ax-sys-color-primary-950: 0, 90, 215;
625
-
626
- --ax-sys-color-secondary-50: 240, 249, 255;
627
- --ax-sys-color-secondary-100: 233, 242, 255;
628
- --ax-sys-color-secondary-200: 219, 228, 243;
629
- --ax-sys-color-secondary-300: 206, 214, 229;
630
- --ax-sys-color-secondary-400: 192, 201, 215;
631
- --ax-sys-color-secondary-500: 179, 187, 202;
632
- --ax-sys-color-secondary-600: 166, 174, 188;
633
- --ax-sys-color-secondary-700: 153, 161, 175;
634
- --ax-sys-color-secondary-800: 135, 143, 157;
635
- --ax-sys-color-secondary-900: 118, 126, 139;
636
- --ax-sys-color-secondary-950: 110, 117, 131;
637
-
638
- --ax-sys-color-success-50: 210, 255, 233;
639
- --ax-sys-color-success-100: 180, 255, 219;
640
- --ax-sys-color-success-200: 115, 255, 191;
641
- --ax-sys-color-success-300: 99, 244, 178;
642
- --ax-sys-color-success-400: 82, 230, 164;
643
- --ax-sys-color-success-500: 64, 216, 151;
644
- --ax-sys-color-success-600: 42, 202, 138;
645
- --ax-sys-color-success-700: 1, 188, 125;
646
- --ax-sys-color-success-800: 0, 170, 108;
647
- --ax-sys-color-success-900: 0, 151, 91;
648
- --ax-sys-color-success-950: 0, 142, 85;
649
-
650
- --ax-sys-color-warning-50: 255, 245, 222;
651
- --ax-sys-color-warning-100: 255, 238, 208;
652
- --ax-sys-color-warning-200: 255, 224, 181;
653
- --ax-sys-color-warning-300: 255, 210, 152;
654
- --ax-sys-color-warning-400: 255, 195, 120;
655
- --ax-sys-color-warning-500: 255, 180, 82;
656
- --ax-sys-color-warning-600: 255, 165, 33;
657
- --ax-sys-color-warning-700: 253, 154, 1;
658
- --ax-sys-color-warning-800: 230, 133, 0;
659
- --ax-sys-color-warning-900: 203, 114, 0;
660
- --ax-sys-color-warning-950: 190, 105, 0;
661
-
662
- --ax-sys-color-danger-50: 255, 240, 242;
663
- --ax-sys-color-danger-100: 255, 230, 233;
664
- --ax-sys-color-danger-200: 255, 210, 215;
665
- --ax-sys-color-danger-300: 255, 189, 196;
666
- --ax-sys-color-danger-400: 255, 167, 178;
667
- --ax-sys-color-danger-500: 255, 144, 159;
668
- --ax-sys-color-danger-600: 255, 117, 140;
669
- --ax-sys-color-danger-700: 255, 99, 126;
670
- --ax-sys-color-danger-800: 234, 80, 109;
671
- --ax-sys-color-danger-900: 213, 59, 92;
672
- --ax-sys-color-danger-950: 203, 48, 84;
673
-
674
- --ax-sys-color-surface-50: 237, 237, 237;
675
- --ax-sys-color-surface-100: 219, 219, 219;
676
- --ax-sys-color-surface-200: 185, 185, 185;
677
- --ax-sys-color-surface-300: 151, 151, 151;
678
- --ax-sys-color-surface-400: 119, 119, 119;
679
- --ax-sys-color-surface-500: 89, 89, 89;
680
- --ax-sys-color-surface-600: 60, 60, 60;
681
- --ax-sys-color-surface-700: 33, 33, 33;
682
- --ax-sys-color-surface-800: 35, 35, 35;
683
- --ax-sys-color-surface-900: 37, 37, 37;
684
- --ax-sys-color-surface-950: 37, 37, 37;
685
-
686
- --ax-sys-color-accent-50: 210, 255, 255;
687
- --ax-sys-color-accent-100: 192, 254, 255;
688
- --ax-sys-color-accent-200: 147, 245, 255;
689
- --ax-sys-color-accent-300: 97, 236, 255;
690
- --ax-sys-color-accent-400: 81, 222, 253;
691
- --ax-sys-color-accent-500: 63, 208, 239;
692
- --ax-sys-color-accent-600: 42, 195, 225;
693
- --ax-sys-color-accent-700: 6, 182, 212;
694
- --ax-sys-color-accent-800: 0, 163, 193;
695
- --ax-sys-color-accent-900: 0, 145, 174;
696
- --ax-sys-color-accent-950: 0, 135, 162;
697
-
698
- --ax-sys-color-accent1-50: 255, 237, 255;
699
- --ax-sys-color-accent1-100: 255, 225, 255;
700
- --ax-sys-color-accent1-200: 255, 199, 255;
701
- --ax-sys-color-accent1-300: 255, 172, 255;
702
- --ax-sys-color-accent1-400: 252, 142, 255;
703
- --ax-sys-color-accent1-500: 248, 109, 255;
704
- --ax-sys-color-accent1-600: 233, 88, 255;
705
- --ax-sys-color-accent1-700: 217, 70, 239;
706
- --ax-sys-color-accent1-800: 199, 48, 221;
707
- --ax-sys-color-accent1-900: 181, 18, 203;
708
- --ax-sys-color-accent1-950: 173, 0, 194;
709
-
710
- --ax-sys-color-accent2-50: 255, 242, 228;
711
- --ax-sys-color-accent2-100: 255, 232, 214;
712
- --ax-sys-color-accent2-200: 255, 213, 186;
713
- --ax-sys-color-accent2-300: 255, 194, 157;
714
- --ax-sys-color-accent2-400: 255, 173, 125;
715
- --ax-sys-color-accent2-500: 255, 151, 89;
716
- --ax-sys-color-accent2-600: 255, 129, 45;
717
- --ax-sys-color-accent2-700: 249, 115, 22;
718
- --ax-sys-color-accent2-800: 228, 96, 0;
719
- --ax-sys-color-accent2-900: 208, 77, 0;
720
- --ax-sys-color-accent2-950: 195, 71, 0;
721
-
722
- --ax-sys-color-accent3-50: 202, 255, 252;
723
- --ax-sys-color-accent3-100: 166, 255, 246;
724
- --ax-sys-color-accent3-200: 118, 254, 234;
725
- --ax-sys-color-accent3-300: 102, 240, 220;
726
- --ax-sys-color-accent3-400: 86, 225, 206;
727
- --ax-sys-color-accent3-500: 69, 212, 193;
728
- --ax-sys-color-accent3-600: 49, 198, 179;
729
- --ax-sys-color-accent3-700: 20, 184, 166;
730
- --ax-sys-color-accent3-800: 0, 166, 148;
731
- --ax-sys-color-accent3-900: 0, 148, 131;
732
- --ax-sys-color-accent3-950: 0, 138, 122;
733
-
734
- --ax-sys-color-accent4-50: 239, 244, 255;
735
- --ax-sys-color-accent4-100: 226, 233, 255;
736
- --ax-sys-color-accent4-200: 202, 212, 255;
737
- --ax-sys-color-accent4-300: 178, 190, 255;
738
- --ax-sys-color-accent4-400: 156, 168, 255;
739
- --ax-sys-color-accent4-500: 134, 144, 255;
740
- --ax-sys-color-accent4-600: 115, 121, 255;
741
- --ax-sys-color-accent4-700: 99, 102, 241;
742
- --ax-sys-color-accent4-800: 88, 89, 227;
743
- --ax-sys-color-accent4-900: 78, 75, 213;
744
- --ax-sys-color-accent4-950: 73, 69, 206;
745
-
746
- --ax-sys-color-accent5-50: 255, 237, 248;
747
- --ax-sys-color-accent5-100: 255, 225, 241;
748
- --ax-sys-color-accent5-200: 255, 200, 226;
749
- --ax-sys-color-accent5-300: 255, 174, 211;
750
- --ax-sys-color-accent5-400: 255, 146, 197;
751
- --ax-sys-color-accent5-500: 255, 113, 183;
752
- --ax-sys-color-accent5-600: 254, 89, 168;
753
- --ax-sys-color-accent5-700: 236, 72, 153;
754
- --ax-sys-color-accent5-800: 218, 53, 138;
755
- --ax-sys-color-accent5-900: 200, 30, 122;
756
- --ax-sys-color-accent5-950: 190, 14, 115;
757
-
758
- --ax-sys-color-accent6-50: 251, 243, 237;
759
- --ax-sys-color-accent6-100: 240, 232, 226;
760
- --ax-sys-color-accent6-200: 219, 211, 206;
761
- --ax-sys-color-accent6-300: 198, 191, 185;
762
- --ax-sys-color-accent6-400: 178, 171, 165;
763
- --ax-sys-color-accent6-500: 158, 151, 146;
764
- --ax-sys-color-accent6-600: 139, 132, 127;
765
- --ax-sys-color-accent6-700: 120, 113, 108;
766
- --ax-sys-color-accent6-800: 109, 103, 98;
767
- --ax-sys-color-accent6-900: 99, 92, 88;
768
- --ax-sys-color-accent6-950: 94, 87, 83;
769
-
770
- --ax-sys-color-primary-lightest-surface: 219, 238, 255;
771
- --ax-sys-color-on-primary-lightest-surface: 9, 23, 35;
772
- --ax-sys-color-border-primary-lightest-surface: 255, 255, 255;
773
-
774
- --ax-sys-color-primary-lighter-surface: 190, 221, 255;
775
- --ax-sys-color-on-primary-lighter-surface: 0, 22, 47;
776
- --ax-sys-color-border-primary-lighter-surface: 236, 245, 255;
777
-
778
- --ax-sys-color-primary-light-surface: 161, 203, 255;
779
- --ax-sys-color-on-primary-light-surface: 0, 20, 59;
780
- --ax-sys-color-border-primary-light-surface: 207, 228, 255;
781
-
782
- --ax-sys-color-primary-surface: 101, 166, 255;
783
- --ax-sys-color-on-primary-surface: 0, 6, 82;
784
- --ax-sys-color-border-primary-surface: 147, 193, 255;
785
-
786
- --ax-sys-color-primary-dark-surface: 67, 146, 255;
787
- --ax-sys-color-on-primary-dark-surface: 0, 0, 87;
788
- --ax-sys-color-border-primary-dark-surface: 113, 173, 255;
789
-
790
- --ax-sys-color-primary-darker-surface: 43, 127, 255;
791
- --ax-sys-color-on-primary-darker-surface: 0, 0, 91;
792
- --ax-sys-color-border-primary-darker-surface: 89, 155, 255;
793
-
794
- --ax-sys-color-primary-darkest-surface: 25, 112, 239;
795
- --ax-sys-color-on-primary-darkest-surface: 0, 0, 91;
796
- --ax-sys-color-border-primary-darkest-surface: 68, 139, 242;
797
-
798
- --ax-sys-color-secondary-lightest-surface: 233, 242, 255;
799
- --ax-sys-color-on-secondary-lightest-surface: 16, 22, 31;
800
- --ax-sys-color-border-secondary-lightest-surface: 255, 255, 255;
801
-
802
- --ax-sys-color-secondary-lighter-surface: 219, 228, 243;
803
- --ax-sys-color-on-secondary-lighter-surface: 16, 22, 32;
804
- --ax-sys-color-border-secondary-lighter-surface: 253, 254, 254;
805
-
806
- --ax-sys-color-secondary-light-surface: 206, 214, 229;
807
- --ax-sys-color-on-secondary-light-surface: 17, 22, 32;
808
- --ax-sys-color-border-secondary-light-surface: 236, 239, 245;
809
-
810
- --ax-sys-color-secondary-surface: 179, 187, 202;
811
- --ax-sys-color-on-secondary-surface: 17, 22, 33;
812
- --ax-sys-color-border-secondary-surface: 206, 211, 221;
813
-
814
- --ax-sys-color-secondary-dark-surface: 166, 174, 188;
815
- --ax-sys-color-on-secondary-dark-surface: 16, 22, 32;
816
- --ax-sys-color-border-secondary-dark-surface: 192, 198, 208;
817
-
818
- --ax-sys-color-secondary-darker-surface: 153, 161, 175;
819
- --ax-sys-color-on-secondary-darker-surface: 16, 22, 32;
820
- --ax-sys-color-border-secondary-darker-surface: 179, 185, 195;
821
-
822
- --ax-sys-color-secondary-darkest-surface: 135, 143, 157;
823
- --ax-sys-color-on-secondary-darkest-surface: 16, 22, 33;
824
- --ax-sys-color-border-secondary-darkest-surface: 160, 167, 178;
825
-
826
- --ax-sys-color-success-lightest-surface: 180, 255, 219;
827
- --ax-sys-color-on-success-lightest-surface: 0, 31, 13;
828
- --ax-sys-color-border-success-lightest-surface: 226, 255, 241;
829
-
830
- --ax-sys-color-success-lighter-surface: 115, 255, 191;
831
- --ax-sys-color-on-success-lighter-surface: 0, 31, 11;
832
- --ax-sys-color-border-success-lighter-surface: 161, 255, 212;
833
-
834
- --ax-sys-color-success-light-surface: 99, 244, 178;
835
- --ax-sys-color-on-success-light-surface: 0, 31, 10;
836
- --ax-sys-color-border-success-light-surface: 142, 247, 199;
837
-
838
- --ax-sys-color-success-surface: 64, 216, 151;
839
- --ax-sys-color-on-success-surface: 0, 31, 10;
840
- --ax-sys-color-border-success-surface: 102, 224, 172;
841
-
842
- --ax-sys-color-success-dark-surface: 42, 202, 138;
843
- --ax-sys-color-on-success-dark-surface: 0, 31, 10;
844
- --ax-sys-color-border-success-dark-surface: 73, 217, 159;
581
+ @theme {
582
+ --color-bg-default: rgba(var(--ax-sys-color-bg-default));
583
+ --color-text-default: rgba(var(--ax-sys-color-text-default));
584
+ --color-border-default: rgba(var(--ax-sys-color-border-default));
585
+ --radius-default: var(--ax-sys-border-radius);
586
+ --breakpoint-3xl: 1920px;
587
+ --breakpoint-4xl: 2560px;
588
+ /* Surface Surfaces */
589
+ --color-surface: rgba(var(--ax-sys-color-surface));
590
+ --color-surface-50: rgba(var(--ax-sys-color-surface-50));
591
+ --color-surface-100: rgba(var(--ax-sys-color-surface-100));
592
+ --color-surface-200: rgba(var(--ax-sys-color-surface-200));
593
+ --color-surface-300: rgba(var(--ax-sys-color-surface-300));
594
+ --color-surface-400: rgba(var(--ax-sys-color-surface-400));
595
+ --color-surface-500: rgba(var(--ax-sys-color-surface-500));
596
+ --color-surface-600: rgba(var(--ax-sys-color-surface-600));
597
+ --color-surface-700: rgba(var(--ax-sys-color-surface-700));
598
+ --color-surface-800: rgba(var(--ax-sys-color-surface-800));
599
+ --color-surface-900: rgba(var(--ax-sys-color-surface-900));
600
+ --color-surface-950: rgba(var(--ax-sys-color-surface-950));
845
601
 
846
- --ax-sys-color-success-darker-surface: 1, 188, 125;
847
- --ax-sys-color-on-success-darker-surface: 0, 31, 10;
848
- --ax-sys-color-border-success-darker-surface: 1, 234, 155;
602
+ --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
603
+ --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
604
+ --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
605
+ --color-lighter: rgba(var(--ax-sys-color-lighter-surface));
606
+ --color-on-lighter: rgba(var(--ax-sys-color-on-lighter-surface));
607
+ --color-border-lighter: rgba(var(--ax-sys-color-border-lighter-surface));
608
+ --color-light: rgba(var(--ax-sys-color-light-surface));
609
+ --color-on-light: rgba(var(--ax-sys-color-on-light-surface));
610
+ --color-border-light: rgba(var(--ax-sys-color-border-light-surface));
611
+ --color-surface: rgba(var(--ax-sys-color-surface));
612
+ --color-on-surface: rgba(var(--ax-sys-color-on-surface));
613
+ --color-border-surface: rgba(var(--ax-sys-color-border-surface));
614
+ --color-dark: rgba(var(--ax-sys-color-dark-surface));
615
+ --color-on-dark: rgba(var(--ax-sys-color-on-dark-surface));
616
+ --color-border-dark: rgba(var(--ax-sys-color-border-dark-surface));
617
+ --color-darker: rgba(var(--ax-sys-color-darker-surface));
618
+ --color-on-darker: rgba(var(--ax-sys-color-on-darker-surface));
619
+ --color-border-darker: rgba(var(--ax-sys-color-border-darker-surface));
620
+ --color-darkest: rgba(var(--ax-sys-color-darkest-surface));
621
+ --color-on-darkest: rgba(var(--ax-sys-color-on-darkest-surface));
622
+ --color-border-darkest: rgba(var(--ax-sys-color-border-darkest-surface));
623
+ /* Primary Surfaces */
624
+ --color-primary: rgba(var(--ax-sys-color-primary-surface));
625
+ --color-primary-50: rgba(var(--ax-sys-color-primary-50));
626
+ --color-primary-100: rgba(var(--ax-sys-color-primary-100));
627
+ --color-primary-200: rgba(var(--ax-sys-color-primary-200));
628
+ --color-primary-300: rgba(var(--ax-sys-color-primary-300));
629
+ --color-primary-400: rgba(var(--ax-sys-color-primary-400));
630
+ --color-primary-500: rgba(var(--ax-sys-color-primary-500));
631
+ --color-primary-600: rgba(var(--ax-sys-color-primary-600));
632
+ --color-primary-700: rgba(var(--ax-sys-color-primary-700));
633
+ --color-primary-800: rgba(var(--ax-sys-color-primary-800));
634
+ --color-primary-900: rgba(var(--ax-sys-color-primary-900));
635
+ --color-primary-950: rgba(var(--ax-sys-color-primary-950));
849
636
 
850
- --ax-sys-color-success-darkest-surface: 0, 170, 108;
851
- --ax-sys-color-on-success-darkest-surface: 0, 31, 8;
852
- --ax-sys-color-border-success-darkest-surface: 0, 216, 137;
637
+ --color-primary-lightest: rgba(var(--ax-sys-color-primary-lightest-surface));
638
+ --color-on-primary-lightest: rgba(var(--ax-sys-color-on-primary-lightest-surface));
639
+ --color-border-primary-lightest: rgba(var(--ax-sys-color-border-primary-lightest-surface));
640
+ --color-primary-lighter: rgba(var(--ax-sys-color-primary-lighter-surface));
641
+ --color-on-primary-lighter: rgba(var(--ax-sys-color-on-primary-lighter-surface));
642
+ --color-border-primary-lighter: rgba(var(--ax-sys-color-border-primary-lighter-surface));
643
+ --color-primary-light: rgba(var(--ax-sys-color-primary-light-surface));
644
+ --color-on-primary-light: rgba(var(--ax-sys-color-on-primary-light-surface));
645
+ --color-border-primary-light: rgba(var(--ax-sys-color-border-primary-light-surface));
646
+ --color-primary: rgba(var(--ax-sys-color-primary-surface));
647
+ --color-on-primary: rgba(var(--ax-sys-color-on-primary-surface));
648
+ --color-border-primary: rgba(var(--ax-sys-color-border-primary-surface));
649
+ --color-primary-dark: rgba(var(--ax-sys-color-primary-dark-surface));
650
+ --color-on-primary-dark: rgba(var(--ax-sys-color-on-primary-dark-surface));
651
+ --color-border-primary-dark: rgba(var(--ax-sys-color-border-primary-dark-surface));
652
+ --color-primary-darker: rgba(var(--ax-sys-color-primary-darker-surface));
653
+ --color-on-primary-darker: rgba(var(--ax-sys-color-on-primary-darker-surface));
654
+ --color-border-primary-darker: rgba(var(--ax-sys-color-border-primary-darker-surface));
655
+ --color-primary-darkest: rgba(var(--ax-sys-color-primary-darkest-surface));
656
+ --color-on-primary-darkest: rgba(var(--ax-sys-color-on-primary-darkest-surface));
657
+ --color-border-primary-darkest: rgba(var(--ax-sys-color-border-primary-darkest-surface));
853
658
 
854
- --ax-sys-color-warning-lightest-surface: 255, 238, 208;
855
- --ax-sys-color-on-warning-lightest-surface: 32, 20, 0;
856
- --ax-sys-color-border-warning-lightest-surface: 255, 255, 254;
659
+ /* Secondary Surfaces */
660
+ --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
661
+ --color-secondary-50: rgba(var(--ax-sys-color-secondary-50));
662
+ --color-secondary-100: rgba(var(--ax-sys-color-secondary-100));
663
+ --color-secondary-200: rgba(var(--ax-sys-color-secondary-200));
664
+ --color-secondary-300: rgba(var(--ax-sys-color-secondary-300));
665
+ --color-secondary-400: rgba(var(--ax-sys-color-secondary-400));
666
+ --color-secondary-500: rgba(var(--ax-sys-color-secondary-500));
667
+ --color-secondary-600: rgba(var(--ax-sys-color-secondary-600));
668
+ --color-secondary-700: rgba(var(--ax-sys-color-secondary-700));
669
+ --color-secondary-800: rgba(var(--ax-sys-color-secondary-800));
670
+ --color-secondary-900: rgba(var(--ax-sys-color-secondary-900));
671
+ --color-secondary-950: rgba(var(--ax-sys-color-secondary-950));
857
672
 
858
- --ax-sys-color-warning-lighter-surface: 255, 224, 181;
859
- --ax-sys-color-on-warning-lighter-surface: 37, 16, 0;
860
- --ax-sys-color-border-warning-lighter-surface: 255, 243, 227;
673
+ --color-secondary-lightest: rgba(var(--ax-sys-color-secondary-lightest-surface));
674
+ --color-on-secondary-lightest: rgba(var(--ax-sys-color-on-secondary-lightest-surface));
675
+ --color-border-secondary-lightest: rgba(var(--ax-sys-color-border-secondary-lightest-surface));
676
+ --color-secondary-lighter: rgba(var(--ax-sys-color-secondary-lighter-surface));
677
+ --color-on-secondary-lighter: rgba(var(--ax-sys-color-on-secondary-lighter-surface));
678
+ --color-border-secondary-lighter: rgba(var(--ax-sys-color-border-secondary-lighter-surface));
679
+ --color-secondary-light: rgba(var(--ax-sys-color-secondary-light-surface));
680
+ --color-on-secondary-light: rgba(var(--ax-sys-color-on-secondary-light-surface));
681
+ --color-border-secondary-light: rgba(var(--ax-sys-color-border-secondary-light-surface));
682
+ --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
683
+ --color-on-secondary: rgba(var(--ax-sys-color-on-secondary-surface));
684
+ --color-border-secondary: rgba(var(--ax-sys-color-border-secondary-surface));
685
+ --color-secondary-dark: rgba(var(--ax-sys-color-secondary-dark-surface));
686
+ --color-on-secondary-dark: rgba(var(--ax-sys-color-on-secondary-dark-surface));
687
+ --color-border-secondary-dark: rgba(var(--ax-sys-color-border-secondary-dark-surface));
688
+ --color-secondary-darker: rgba(var(--ax-sys-color-secondary-darker-surface));
689
+ --color-on-secondary-darker: rgba(var(--ax-sys-color-on-secondary-darker-surface));
690
+ --color-border-secondary-darker: rgba(var(--ax-sys-color-border-secondary-darker-surface));
691
+ --color-secondary-darkest: rgba(var(--ax-sys-color-secondary-darkest-surface));
692
+ --color-on-secondary-darkest: rgba(var(--ax-sys-color-on-secondary-darkest-surface));
693
+ --color-border-secondary-darkest: rgba(var(--ax-sys-color-border-secondary-darkest-surface));
861
694
 
862
- --ax-sys-color-warning-light-surface: 255, 210, 152;
863
- --ax-sys-color-on-warning-light-surface: 38, 16, 0;
864
- --ax-sys-color-border-warning-light-surface: 255, 230, 198;
695
+ /* Success Surfaces */
696
+ --color-success: rgba(var(--ax-sys-color-success-surface));
697
+ --color-success-50: rgba(var(--ax-sys-color-success-50));
698
+ --color-success-100: rgba(var(--ax-sys-color-success-100));
699
+ --color-success-200: rgba(var(--ax-sys-color-success-200));
700
+ --color-success-300: rgba(var(--ax-sys-color-success-300));
701
+ --color-success-400: rgba(var(--ax-sys-color-success-400));
702
+ --color-success-500: rgba(var(--ax-sys-color-success-500));
703
+ --color-success-600: rgba(var(--ax-sys-color-success-600));
704
+ --color-success-700: rgba(var(--ax-sys-color-success-700));
705
+ --color-success-800: rgba(var(--ax-sys-color-success-800));
706
+ --color-success-900: rgba(var(--ax-sys-color-success-900));
707
+ --color-success-950: rgba(var(--ax-sys-color-success-950));
865
708
 
866
- --ax-sys-color-warning-surface: 255, 180, 82;
867
- --ax-sys-color-on-warning-surface: 39, 15, 0;
868
- --ax-sys-color-border-warning-surface: 255, 200, 128;
709
+ --color-success-lightest: rgba(var(--ax-sys-color-success-lightest-surface));
710
+ --color-on-success-lightest: rgba(var(--ax-sys-color-on-success-lightest-surface));
711
+ --color-border-success-lightest: rgba(var(--ax-sys-color-border-success-lightest-surface));
712
+ --color-success-lighter: rgba(var(--ax-sys-color-success-lighter-surface));
713
+ --color-on-success-lighter: rgba(var(--ax-sys-color-on-success-lighter-surface));
714
+ --color-border-success-lighter: rgba(var(--ax-sys-color-border-success-lighter-surface));
715
+ --color-success-light: rgba(var(--ax-sys-color-success-light-surface));
716
+ --color-on-success-light: rgba(var(--ax-sys-color-on-success-light-surface));
717
+ --color-border-success-light: rgba(var(--ax-sys-color-border-success-light-surface));
718
+ --color-success: rgba(var(--ax-sys-color-success-surface));
719
+ --color-on-success: rgba(var(--ax-sys-color-on-success-surface));
720
+ --color-border-success: rgba(var(--ax-sys-color-border-success-surface));
721
+ --color-success-dark: rgba(var(--ax-sys-color-success-dark-surface));
722
+ --color-on-success-dark: rgba(var(--ax-sys-color-on-success-dark-surface));
723
+ --color-border-success-dark: rgba(var(--ax-sys-color-border-success-dark-surface));
724
+ --color-success-darker: rgba(var(--ax-sys-color-success-darker-surface));
725
+ --color-on-success-darker: rgba(var(--ax-sys-color-on-success-darker-surface));
726
+ --color-border-success-darker: rgba(var(--ax-sys-color-border-success-darker-surface));
727
+ --color-success-darkest: rgba(var(--ax-sys-color-success-darkest-surface));
728
+ --color-on-success-darkest: rgba(var(--ax-sys-color-on-success-darkest-surface));
729
+ --color-border-success-darkest: rgba(var(--ax-sys-color-border-success-darkest-surface));
869
730
 
870
- --ax-sys-color-warning-dark-surface: 255, 165, 33;
871
- --ax-sys-color-on-warning-dark-surface: 40, 14, 0;
872
- --ax-sys-color-border-warning-dark-surface: 255, 184, 79;
731
+ /* Warning Surfaces */
732
+ --color-warning: rgba(var(--ax-sys-color-warning-surface));
733
+ --color-warning-50: rgba(var(--ax-sys-color-warning-50));
734
+ --color-warning-100: rgba(var(--ax-sys-color-warning-100));
735
+ --color-warning-200: rgba(var(--ax-sys-color-warning-200));
736
+ --color-warning-300: rgba(var(--ax-sys-color-warning-300));
737
+ --color-warning-400: rgba(var(--ax-sys-color-warning-400));
738
+ --color-warning-500: rgba(var(--ax-sys-color-warning-500));
739
+ --color-warning-600: rgba(var(--ax-sys-color-warning-600));
740
+ --color-warning-700: rgba(var(--ax-sys-color-warning-700));
741
+ --color-warning-800: rgba(var(--ax-sys-color-warning-800));
742
+ --color-warning-900: rgba(var(--ax-sys-color-warning-900));
743
+ --color-warning-950: rgba(var(--ax-sys-color-warning-950));
873
744
 
874
- --ax-sys-color-warning-darker-surface: 253, 154, 1;
875
- --ax-sys-color-on-warning-darker-surface: 41, 13, 0;
876
- --ax-sys-color-border-warning-darker-surface: 254, 172, 46;
745
+ --color-warning-lightest: rgba(var(--ax-sys-color-warning-lightest-surface));
746
+ --color-on-warning-lightest: rgba(var(--ax-sys-color-on-warning-lightest-surface));
747
+ --color-border-warning-lightest: rgba(var(--ax-sys-color-border-warning-lightest-surface));
748
+ --color-warning-lighter: rgba(var(--ax-sys-color-warning-lighter-surface));
749
+ --color-on-warning-lighter: rgba(var(--ax-sys-color-on-warning-lighter-surface));
750
+ --color-border-warning-lighter: rgba(var(--ax-sys-color-border-warning-lighter-surface));
751
+ --color-warning-light: rgba(var(--ax-sys-color-warning-light-surface));
752
+ --color-on-warning-light: rgba(var(--ax-sys-color-on-warning-light-surface));
753
+ --color-border-warning-light: rgba(var(--ax-sys-color-border-warning-light-surface));
754
+ --color-warning: rgba(var(--ax-sys-color-warning-surface));
755
+ --color-on-warning: rgba(var(--ax-sys-color-on-warning-surface));
756
+ --color-border-warning: rgba(var(--ax-sys-color-border-warning-surface));
757
+ --color-warning-dark: rgba(var(--ax-sys-color-warning-dark-surface));
758
+ --color-on-warning-dark: rgba(var(--ax-sys-color-on-warning-dark-surface));
759
+ --color-border-warning-dark: rgba(var(--ax-sys-color-border-warning-dark-surface));
760
+ --color-warning-darker: rgba(var(--ax-sys-color-warning-darker-surface));
761
+ --color-on-warning-darker: rgba(var(--ax-sys-color-on-warning-darker-surface));
762
+ --color-border-warning-darker: rgba(var(--ax-sys-color-border-warning-darker-surface));
763
+ --color-warning-darkest: rgba(var(--ax-sys-color-warning-darkest-surface));
764
+ --color-on-warning-darkest: rgba(var(--ax-sys-color-on-warning-darkest-surface));
765
+ --color-border-warning-darkest: rgba(var(--ax-sys-color-border-warning-darkest-surface));
877
766
 
878
- --ax-sys-color-warning-darkest-surface: 230, 133, 0;
879
- --ax-sys-color-on-warning-darkest-surface: 42, 12, 0;
880
- --ax-sys-color-border-warning-darkest-surface: 255, 156, 21;
767
+ /* Danger Surfaces */
768
+ --color-danger: rgba(var(--ax-sys-color-danger-surface));
769
+ --color-danger-50: rgba(var(--ax-sys-color-danger-50));
770
+ --color-danger-100: rgba(var(--ax-sys-color-danger-100));
771
+ --color-danger-200: rgba(var(--ax-sys-color-danger-200));
772
+ --color-danger-300: rgba(var(--ax-sys-color-danger-300));
773
+ --color-danger-400: rgba(var(--ax-sys-color-danger-400));
774
+ --color-danger-500: rgba(var(--ax-sys-color-danger-500));
775
+ --color-danger-600: rgba(var(--ax-sys-color-danger-600));
776
+ --color-danger-700: rgba(var(--ax-sys-color-danger-700));
777
+ --color-danger-800: rgba(var(--ax-sys-color-danger-800));
778
+ --color-danger-900: rgba(var(--ax-sys-color-danger-900));
779
+ --color-danger-950: rgba(var(--ax-sys-color-danger-950));
881
780
 
882
- --ax-sys-color-danger-lightest-surface: 255, 230, 233;
883
- --ax-sys-color-on-danger-lightest-surface: 33, 17, 19;
884
- --ax-sys-color-border-danger-lightest-surface: 255, 255, 255;
781
+ --color-danger-lightest: rgba(var(--ax-sys-color-danger-lightest-surface));
782
+ --color-on-danger-lightest: rgba(var(--ax-sys-color-on-danger-lightest-surface));
783
+ --color-border-danger-lightest: rgba(var(--ax-sys-color-border-danger-lightest-surface));
784
+ --color-danger-lighter: rgba(var(--ax-sys-color-danger-lighter-surface));
785
+ --color-on-danger-lighter: rgba(var(--ax-sys-color-on-danger-lighter-surface));
786
+ --color-border-danger-lighter: rgba(var(--ax-sys-color-border-danger-lighter-surface));
787
+ --color-danger-light: rgba(var(--ax-sys-color-danger-light-surface));
788
+ --color-on-danger-light: rgba(var(--ax-sys-color-on-danger-light-surface));
789
+ --color-border-danger-light: rgba(var(--ax-sys-color-border-danger-light-surface));
790
+ --color-danger: rgba(var(--ax-sys-color-danger-surface));
791
+ --color-on-danger: rgba(var(--ax-sys-color-on-danger-surface));
792
+ --color-border-danger: rgba(var(--ax-sys-color-border-danger-surface));
793
+ --color-danger-dark: rgba(var(--ax-sys-color-danger-dark-surface));
794
+ --color-on-danger-dark: rgba(var(--ax-sys-color-on-danger-dark-surface));
795
+ --color-border-danger-dark: rgba(var(--ax-sys-color-border-danger-dark-surface));
796
+ --color-danger-darker: rgba(var(--ax-sys-color-danger-darker-surface));
797
+ --color-on-danger-darker: rgba(var(--ax-sys-color-on-danger-darker-surface));
798
+ --color-border-danger-darker: rgba(var(--ax-sys-color-border-danger-darker-surface));
799
+ --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
800
+ --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
801
+ --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
885
802
 
886
- --ax-sys-color-danger-lighter-surface: 255, 210, 215;
887
- --ax-sys-color-on-danger-lighter-surface: 41, 10, 16;
888
- --ax-sys-color-border-danger-lighter-surface: 255, 255, 255;
803
+ /* Accent Surfaces */
804
+ --color-accent: rgba(var(--ax-sys-color-accent-surface));
805
+ --color-accent-50: rgba(var(--ax-sys-color-accent-50));
806
+ --color-accent-100: rgba(var(--ax-sys-color-accent-100));
807
+ --color-accent-200: rgba(var(--ax-sys-color-accent-200));
808
+ --color-accent-300: rgba(var(--ax-sys-color-accent-300));
809
+ --color-accent-400: rgba(var(--ax-sys-color-accent-400));
810
+ --color-accent-500: rgba(var(--ax-sys-color-accent-500));
811
+ --color-accent-600: rgba(var(--ax-sys-color-accent-600));
812
+ --color-accent-700: rgba(var(--ax-sys-color-accent-700));
813
+ --color-accent-800: rgba(var(--ax-sys-color-accent-800));
814
+ --color-accent-900: rgba(var(--ax-sys-color-accent-900));
815
+ --color-accent-950: rgba(var(--ax-sys-color-accent-950));
889
816
 
890
- --ax-sys-color-danger-light-surface: 255, 189, 196;
891
- --ax-sys-color-on-danger-light-surface: 48, 1, 13;
892
- --ax-sys-color-border-danger-light-surface: 255, 235, 237;
817
+ --color-accent-lightest: rgba(var(--ax-sys-color-accent-lightest-surface));
818
+ --color-on-accent-lightest: rgba(var(--ax-sys-color-on-accent-lightest-surface));
819
+ --color-border-accent-lightest: rgba(var(--ax-sys-color-border-accent-lightest-surface));
820
+ --color-accent-lighter: rgba(var(--ax-sys-color-accent-lighter-surface));
821
+ --color-on-accent-lighter: rgba(var(--ax-sys-color-on-accent-lighter-surface));
822
+ --color-border-accent-lighter: rgba(var(--ax-sys-color-border-accent-lighter-surface));
823
+ --color-accent-light: rgba(var(--ax-sys-color-accent-light-surface));
824
+ --color-on-accent-light: rgba(var(--ax-sys-color-on-accent-light-surface));
825
+ --color-border-accent-light: rgba(var(--ax-sys-color-border-accent-light-surface));
826
+ --color-accent: rgba(var(--ax-sys-color-accent-surface));
827
+ --color-on-accent: rgba(var(--ax-sys-color-on-accent-surface));
828
+ --color-border-accent: rgba(var(--ax-sys-color-border-accent-surface));
829
+ --color-accent-dark: rgba(var(--ax-sys-color-accent-dark-surface));
830
+ --color-on-accent-dark: rgba(var(--ax-sys-color-on-accent-dark-surface));
831
+ --color-border-accent-dark: rgba(var(--ax-sys-color-border-accent-dark-surface));
832
+ --color-accent-darker: rgba(var(--ax-sys-color-accent-darker-surface));
833
+ --color-on-accent-darker: rgba(var(--ax-sys-color-on-accent-darker-surface));
834
+ --color-border-accent-darker: rgba(var(--ax-sys-color-border-accent-darker-surface));
835
+ --color-accent-darkest: rgba(var(--ax-sys-color-accent-darkest-surface));
836
+ --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
837
+ --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
893
838
 
894
- --ax-sys-color-danger-surface: 255, 144, 159;
895
- --ax-sys-color-on-danger-surface: 54, 0, 9;
896
- --ax-sys-color-border-danger-surface: 255, 190, 199;
839
+ /* Accent 1 Surfaces */
840
+ --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
841
+ --color-accent1-50: rgba(var(--ax-sys-color-accent1-50));
842
+ --color-accent1-100: rgba(var(--ax-sys-color-accent1-100));
843
+ --color-accent1-200: rgba(var(--ax-sys-color-accent1-200));
844
+ --color-accent1-300: rgba(var(--ax-sys-color-accent1-300));
845
+ --color-accent1-400: rgba(var(--ax-sys-color-accent1-400));
846
+ --color-accent1-500: rgba(var(--ax-sys-color-accent1-500));
847
+ --color-accent1-600: rgba(var(--ax-sys-color-accent1-600));
848
+ --color-accent1-700: rgba(var(--ax-sys-color-accent1-700));
849
+ --color-accent1-800: rgba(var(--ax-sys-color-accent1-800));
850
+ --color-accent1-900: rgba(var(--ax-sys-color-accent1-900));
851
+ --color-accent1-950: rgba(var(--ax-sys-color-accent1-950));
897
852
 
898
- --ax-sys-color-danger-dark-surface: 255, 117, 140;
899
- --ax-sys-color-on-danger-dark-surface: 54, 0, 10;
900
- --ax-sys-color-border-danger-dark-surface: 255, 163, 178;
853
+ --color-accent1-lightest: rgba(var(--ax-sys-color-accent1-lightest-surface));
854
+ --color-on-accent1-lightest: rgba(var(--ax-sys-color-on-accent1-lightest-surface));
855
+ --color-border-accent1-lightest: rgba(var(--ax-sys-color-border-accent1-lightest-surface));
856
+ --color-accent1-lighter: rgba(var(--ax-sys-color-accent1-lighter-surface));
857
+ --color-on-accent1-lighter: rgba(var(--ax-sys-color-on-accent1-lighter-surface));
858
+ --color-border-accent1-lighter: rgba(var(--ax-sys-color-border-accent1-lighter-surface));
859
+ --color-accent1-light: rgba(var(--ax-sys-color-accent1-light-surface));
860
+ --color-on-accent1-light: rgba(var(--ax-sys-color-on-accent1-light-surface));
861
+ --color-border-accent1-light: rgba(var(--ax-sys-color-border-accent1-light-surface));
862
+ --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
863
+ --color-on-accent1: rgba(var(--ax-sys-color-on-accent1-surface));
864
+ --color-border-accent1: rgba(var(--ax-sys-color-border-accent1-surface));
865
+ --color-accent1-dark: rgba(var(--ax-sys-color-accent1-dark-surface));
866
+ --color-on-accent1-dark: rgba(var(--ax-sys-color-on-accent1-dark-surface));
867
+ --color-border-accent1-dark: rgba(var(--ax-sys-color-border-accent1-dark-surface));
868
+ --color-accent1-darker: rgba(var(--ax-sys-color-accent1-darker-surface));
869
+ --color-on-accent1-darker: rgba(var(--ax-sys-color-on-accent1-darker-surface));
870
+ --color-border-accent1-darker: rgba(var(--ax-sys-color-border-accent1-darker-surface));
871
+ --color-accent1-darkest: rgba(var(--ax-sys-color-accent1-darkest-surface));
872
+ --color-on-accent1-darkest: rgba(var(--ax-sys-color-on-accent1-darkest-surface));
873
+ --color-border-accent1-darkest: rgba(var(--ax-sys-color-border-accent1-darkest-surface));
901
874
 
902
- --ax-sys-color-danger-darker-surface: 255, 99, 126;
903
- --ax-sys-color-on-danger-darker-surface: 54, 0, 9;
904
- --ax-sys-color-border-danger-darker-surface: 255, 145, 164;
875
+ /* Accent 2 Surfaces */
876
+ --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
877
+ --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
878
+ --color-accent2-100: rgba(var(--ax-sys-color-accent2-100));
879
+ --color-accent2-200: rgba(var(--ax-sys-color-accent2-200));
880
+ --color-accent2-300: rgba(var(--ax-sys-color-accent2-300));
881
+ --color-accent2-400: rgba(var(--ax-sys-color-accent2-400));
882
+ --color-accent2-500: rgba(var(--ax-sys-color-accent2-500));
883
+ --color-accent2-600: rgba(var(--ax-sys-color-accent2-600));
884
+ --color-accent2-700: rgba(var(--ax-sys-color-accent2-700));
885
+ --color-accent2-800: rgba(var(--ax-sys-color-accent2-800));
886
+ --color-accent2-900: rgba(var(--ax-sys-color-accent2-900));
887
+ --color-accent2-950: rgba(var(--ax-sys-color-accent2-950));
905
888
 
906
- --ax-sys-color-danger-darkest-surface: 234, 80, 109;
907
- --ax-sys-color-on-danger-darkest-surface: 54, 0, 8;
908
- --ax-sys-color-border-danger-darkest-surface: 239, 121, 143;
889
+ --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
890
+ --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
891
+ --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
892
+ --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
893
+ --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
894
+ --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
895
+ --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
896
+ --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
897
+ --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
898
+ --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
899
+ --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
900
+ --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
901
+ --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
902
+ --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
903
+ --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
904
+ --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
905
+ --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
906
+ --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
907
+ --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
908
+ --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
909
+ --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
909
910
 
910
- --ax-sys-color-accent-lightest-surface: 192, 254, 255;
911
- --ax-sys-color-on-accent-lightest-surface: 0, 29, 30;
912
- --ax-sys-color-border-accent-lightest-surface: 238, 255, 255;
911
+ /* Accent 3 Surfaces */
912
+ --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
913
+ --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
914
+ --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
915
+ --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
916
+ --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
917
+ --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
918
+ --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
919
+ --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
920
+ --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
921
+ --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
922
+ --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
923
+ --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
913
924
 
914
- --ax-sys-color-accent-lighter-surface: 147, 245, 255;
915
- --ax-sys-color-on-accent-lighter-surface: 0, 28, 33;
916
- --ax-sys-color-border-accent-lighter-surface: 193, 249, 255;
925
+ --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
926
+ --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
927
+ --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
928
+ --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
929
+ --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
930
+ --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
931
+ --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
932
+ --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
933
+ --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
934
+ --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
935
+ --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
936
+ --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
937
+ --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
938
+ --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
939
+ --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
940
+ --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
941
+ --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
942
+ --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
943
+ --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
944
+ --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
945
+ --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
917
946
 
918
- --ax-sys-color-accent-light-surface: 97, 236, 255;
919
- --ax-sys-color-on-accent-light-surface: 0, 28, 35;
920
- --ax-sys-color-border-accent-light-surface: 143, 242, 255;
947
+ /* Accent 4 Surfaces */
948
+ --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
949
+ --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
950
+ --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
951
+ --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
952
+ --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
953
+ --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
954
+ --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
955
+ --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
956
+ --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
957
+ --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
958
+ --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
959
+ --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
960
+
961
+ --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
962
+ --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
963
+ --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
964
+ --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
965
+ --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
966
+ --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
967
+ --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
968
+ --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
969
+ --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
970
+ --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
971
+ --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
972
+ --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
973
+ --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
974
+ --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
975
+ --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
976
+ --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
977
+ --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
978
+ --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
979
+ --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
980
+ --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
981
+ --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
921
982
 
922
- --ax-sys-color-accent-surface: 63, 208, 239;
923
- --ax-sys-color-on-accent-surface: 0, 27, 38;
924
- --ax-sys-color-border-accent-surface: 105, 218, 243;
983
+ /* Accent 5 Surfaces */
984
+ --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
985
+ --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
986
+ --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
987
+ --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
988
+ --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
989
+ --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
990
+ --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
991
+ --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
992
+ --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
993
+ --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
994
+ --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
995
+ --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
925
996
 
926
- --ax-sys-color-accent-dark-surface: 42, 195, 225;
927
- --ax-sys-color-on-accent-dark-surface: 0, 27, 38;
928
- --ax-sys-color-border-accent-dark-surface: 82, 206, 231;
997
+ --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
998
+ --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
999
+ --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
1000
+ --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
1001
+ --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
1002
+ --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
1003
+ --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
1004
+ --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
1005
+ --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
1006
+ --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1007
+ --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
1008
+ --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
1009
+ --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
1010
+ --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
1011
+ --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
1012
+ --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
1013
+ --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
1014
+ --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
1015
+ --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
1016
+ --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
1017
+ --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
929
1018
 
930
- --ax-sys-color-accent-darker-surface: 6, 182, 212;
931
- --ax-sys-color-on-accent-darker-surface: 0, 27, 38;
932
- --ax-sys-color-border-accent-darker-surface: 16, 214, 248;
1019
+ /* Accent 6 Surfaces */
1020
+ --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1021
+ --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
1022
+ --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
1023
+ --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
1024
+ --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
1025
+ --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
1026
+ --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
1027
+ --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
1028
+ --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
1029
+ --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
1030
+ --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
1031
+ --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
933
1032
 
934
- --ax-sys-color-accent-darkest-surface: 0, 163, 193;
935
- --ax-sys-color-on-accent-darkest-surface: 0, 27, 38;
936
- --ax-sys-color-border-accent-darkest-surface: 0, 202, 239;
1033
+ --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
1034
+ --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
1035
+ --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
1036
+ --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
1037
+ --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
1038
+ --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
1039
+ --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
1040
+ --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
1041
+ --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
1042
+ --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1043
+ --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
1044
+ --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
1045
+ --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
1046
+ --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
1047
+ --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
1048
+ --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
1049
+ --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
1050
+ --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
1051
+ --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1052
+ --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1053
+ --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1054
+ }
937
1055
 
938
- --ax-sys-color-accent1-lightest-surface: 255, 225, 255;
939
- --ax-sys-color-on-accent1-lightest-surface: 33, 13, 34;
940
- --ax-sys-color-border-accent1-lightest-surface: 255, 255, 255;
1056
+ :root.ax-dark,
1057
+ .ax-dark {
1058
+ --ax-sys-scroller-track-color: rgba(var(--ax-sys-color-darker-surface));
1059
+ --ax-sys-scroller-thumb-color: rgba(var(--ax-sys-color-lightest-surface));
941
1060
 
942
- --ax-sys-color-accent1-lighter-surface: 255, 199, 255;
943
- --ax-sys-color-on-accent1-lighter-surface: 42, 0, 44;
944
- --ax-sys-color-border-accent1-lighter-surface: 255, 245, 255;
1061
+ --ax-sys-color-lightest-surface: 56, 56, 56;
1062
+ --ax-sys-color-on-lightest-surface: 245, 245, 245;
1063
+ --ax-sys-color-border-lightest-surface: 64, 64, 64;
945
1064
 
946
- --ax-sys-color-accent1-light-surface: 255, 172, 255;
947
- --ax-sys-color-on-accent1-light-surface: 45, 0, 48;
948
- --ax-sys-color-border-accent1-light-surface: 255, 218, 255;
1065
+ --ax-sys-color-lighter-surface: 49, 49, 49;
1066
+ --ax-sys-color-on-lighter-surface: 245, 245, 245;
1067
+ --ax-sys-color-border-lighter-surface: 56, 56, 56;
949
1068
 
950
- --ax-sys-color-accent1-surface: 248, 109, 255;
951
- --ax-sys-color-on-accent1-surface: 45, 0, 49;
952
- --ax-sys-color-border-accent1-surface: 250, 155, 255;
1069
+ --ax-sys-color-light-surface: 42, 42, 42;
1070
+ --ax-sys-color-on-light-surface: 245, 245, 245;
1071
+ --ax-sys-color-border-light-surface: 50, 50, 50;
953
1072
 
954
- --ax-sys-color-accent1-dark-surface: 233, 88, 255;
955
- --ax-sys-color-on-accent1-dark-surface: 44, 0, 52;
956
- --ax-sys-color-border-accent1-dark-surface: 239, 134, 255;
1073
+ --ax-sys-color-surface: 33, 33, 33;
1074
+ --ax-sys-color-on-surface: 245, 245, 245;
1075
+ --ax-sys-color-border-surface: 44, 44, 44;
957
1076
 
958
- --ax-sys-color-accent1-darker-surface: 217, 70, 239;
959
- --ax-sys-color-on-accent1-darker-surface: 44, 0, 52;
960
- --ax-sys-color-border-accent1-darker-surface: 226, 112, 243;
1077
+ --ax-sys-color-dark-surface: 27, 27, 27;
1078
+ --ax-sys-color-on-dark-surface: 245, 245, 245;
1079
+ --ax-sys-color-border-dark-surface: 38, 38, 38;
961
1080
 
962
- --ax-sys-color-accent1-darkest-surface: 199, 48, 221;
963
- --ax-sys-color-on-accent1-darkest-surface: 44, 0, 52;
964
- --ax-sys-color-border-accent1-darkest-surface: 210, 87, 227;
1081
+ --ax-sys-color-darker-surface: 20, 20, 20;
1082
+ --ax-sys-color-on-darker-surface: 245, 245, 245;
1083
+ --ax-sys-color-border-darker-surface: 32, 32, 32;
965
1084
 
966
- --ax-sys-color-accent2-lightest-surface: 255, 232, 214;
967
- --ax-sys-color-on-accent2-lightest-surface: 33, 18, 5;
968
- --ax-sys-color-border-accent2-lightest-surface: 255, 255, 255;
1085
+ --ax-sys-color-darkest-surface: 10, 10, 10;
1086
+ --ax-sys-color-on-darkest-surface: 245, 245, 245;
1087
+ --ax-sys-color-border-darkest-surface: 28, 28, 28;
969
1088
 
970
- --ax-sys-color-accent2-lighter-surface: 255, 213, 186;
971
- --ax-sys-color-on-accent2-lighter-surface: 41, 12, 0;
972
- --ax-sys-color-border-accent2-lighter-surface: 255, 241, 232;
1089
+ --ax-sys-color-primary-50: 233, 247, 255;
1090
+ --ax-sys-color-primary-100: 219, 238, 255;
1091
+ --ax-sys-color-primary-200: 190, 221, 255;
1092
+ --ax-sys-color-primary-300: 161, 203, 255;
1093
+ --ax-sys-color-primary-400: 132, 185, 255;
1094
+ --ax-sys-color-primary-500: 101, 166, 255;
1095
+ --ax-sys-color-primary-600: 67, 146, 255;
1096
+ --ax-sys-color-primary-700: 43, 127, 255;
1097
+ --ax-sys-color-primary-800: 25, 112, 239;
1098
+ --ax-sys-color-primary-900: 0, 98, 223;
1099
+ --ax-sys-color-primary-950: 0, 90, 215;
973
1100
 
974
- --ax-sys-color-accent2-light-surface: 255, 194, 157;
975
- --ax-sys-color-on-accent2-light-surface: 46, 7, 0;
976
- --ax-sys-color-border-accent2-light-surface: 255, 223, 203;
1101
+ --ax-sys-color-secondary-50: 240, 249, 255;
1102
+ --ax-sys-color-secondary-100: 233, 242, 255;
1103
+ --ax-sys-color-secondary-200: 219, 228, 243;
1104
+ --ax-sys-color-secondary-300: 206, 214, 229;
1105
+ --ax-sys-color-secondary-400: 192, 201, 215;
1106
+ --ax-sys-color-secondary-500: 179, 187, 202;
1107
+ --ax-sys-color-secondary-600: 166, 174, 188;
1108
+ --ax-sys-color-secondary-700: 153, 161, 175;
1109
+ --ax-sys-color-secondary-800: 135, 143, 157;
1110
+ --ax-sys-color-secondary-900: 118, 126, 139;
1111
+ --ax-sys-color-secondary-950: 110, 117, 131;
977
1112
 
978
- --ax-sys-color-accent2-surface: 255, 151, 89;
979
- --ax-sys-color-on-accent2-surface: 47, 6, 0;
980
- --ax-sys-color-border-accent2-surface: 255, 180, 135;
1113
+ --ax-sys-color-success-50: 210, 255, 233;
1114
+ --ax-sys-color-success-100: 180, 255, 219;
1115
+ --ax-sys-color-success-200: 115, 255, 191;
1116
+ --ax-sys-color-success-300: 99, 244, 178;
1117
+ --ax-sys-color-success-400: 82, 230, 164;
1118
+ --ax-sys-color-success-500: 64, 216, 151;
1119
+ --ax-sys-color-success-600: 42, 202, 138;
1120
+ --ax-sys-color-success-700: 1, 188, 125;
1121
+ --ax-sys-color-success-800: 0, 170, 108;
1122
+ --ax-sys-color-success-900: 0, 151, 91;
1123
+ --ax-sys-color-success-950: 0, 142, 85;
981
1124
 
982
- --ax-sys-color-accent2-dark-surface: 255, 129, 45;
983
- --ax-sys-color-on-accent2-dark-surface: 47, 5, 0;
984
- --ax-sys-color-border-accent2-dark-surface: 255, 157, 91;
1125
+ --ax-sys-color-warning-50: 255, 245, 222;
1126
+ --ax-sys-color-warning-100: 255, 238, 208;
1127
+ --ax-sys-color-warning-200: 255, 224, 181;
1128
+ --ax-sys-color-warning-300: 255, 210, 152;
1129
+ --ax-sys-color-warning-400: 255, 195, 120;
1130
+ --ax-sys-color-warning-500: 255, 180, 82;
1131
+ --ax-sys-color-warning-600: 255, 165, 33;
1132
+ --ax-sys-color-warning-700: 253, 154, 1;
1133
+ --ax-sys-color-warning-800: 230, 133, 0;
1134
+ --ax-sys-color-warning-900: 203, 114, 0;
1135
+ --ax-sys-color-warning-950: 190, 105, 0;
985
1136
 
986
- --ax-sys-color-accent2-darker-surface: 249, 115, 22;
987
- --ax-sys-color-on-accent2-darker-surface: 48, 4, 0;
988
- --ax-sys-color-border-accent2-darker-surface: 250, 142, 67;
1137
+ --ax-sys-color-danger-50: 255, 240, 242;
1138
+ --ax-sys-color-danger-100: 255, 230, 233;
1139
+ --ax-sys-color-danger-200: 255, 210, 215;
1140
+ --ax-sys-color-danger-300: 255, 189, 196;
1141
+ --ax-sys-color-danger-400: 255, 167, 178;
1142
+ --ax-sys-color-danger-500: 255, 144, 159;
1143
+ --ax-sys-color-danger-600: 255, 117, 140;
1144
+ --ax-sys-color-danger-700: 255, 99, 126;
1145
+ --ax-sys-color-danger-800: 234, 80, 109;
1146
+ --ax-sys-color-danger-900: 213, 59, 92;
1147
+ --ax-sys-color-danger-950: 203, 48, 84;
989
1148
 
990
- --ax-sys-color-accent2-darkest-surface: 228, 96, 0;
991
- --ax-sys-color-on-accent2-darkest-surface: 49, 3, 0;
992
- --ax-sys-color-border-accent2-darkest-surface: 255, 118, 19;
1149
+ --ax-sys-color-surface-50: 237, 237, 237;
1150
+ --ax-sys-color-surface-100: 219, 219, 219;
1151
+ --ax-sys-color-surface-200: 185, 185, 185;
1152
+ --ax-sys-color-surface-300: 151, 151, 151;
1153
+ --ax-sys-color-surface-400: 119, 119, 119;
1154
+ --ax-sys-color-surface-500: 89, 89, 89;
1155
+ --ax-sys-color-surface-600: 60, 60, 60;
1156
+ --ax-sys-color-surface-700: 33, 33, 33;
1157
+ --ax-sys-color-surface-800: 35, 35, 35;
1158
+ --ax-sys-color-surface-900: 37, 37, 37;
1159
+ --ax-sys-color-surface-950: 37, 37, 37;
993
1160
 
994
- --ax-sys-color-accent3-lightest-surface: 166, 255, 246;
995
- --ax-sys-color-on-accent3-lightest-surface: 0, 29, 26;
996
- --ax-sys-color-border-accent3-lightest-surface: 212, 255, 251;
1161
+ --ax-sys-color-accent-50: 210, 255, 255;
1162
+ --ax-sys-color-accent-100: 192, 254, 255;
1163
+ --ax-sys-color-accent-200: 147, 245, 255;
1164
+ --ax-sys-color-accent-300: 97, 236, 255;
1165
+ --ax-sys-color-accent-400: 81, 222, 253;
1166
+ --ax-sys-color-accent-500: 63, 208, 239;
1167
+ --ax-sys-color-accent-600: 42, 195, 225;
1168
+ --ax-sys-color-accent-700: 6, 182, 212;
1169
+ --ax-sys-color-accent-800: 0, 163, 193;
1170
+ --ax-sys-color-accent-900: 0, 145, 174;
1171
+ --ax-sys-color-accent-950: 0, 135, 162;
997
1172
 
998
- --ax-sys-color-accent3-lighter-surface: 118, 254, 234;
999
- --ax-sys-color-on-accent3-lighter-surface: 0, 30, 24;
1000
- --ax-sys-color-border-accent3-lighter-surface: 164, 254, 241;
1173
+ --ax-sys-color-accent1-50: 255, 237, 255;
1174
+ --ax-sys-color-accent1-100: 255, 225, 255;
1175
+ --ax-sys-color-accent1-200: 255, 199, 255;
1176
+ --ax-sys-color-accent1-300: 255, 172, 255;
1177
+ --ax-sys-color-accent1-400: 252, 142, 255;
1178
+ --ax-sys-color-accent1-500: 248, 109, 255;
1179
+ --ax-sys-color-accent1-600: 233, 88, 255;
1180
+ --ax-sys-color-accent1-700: 217, 70, 239;
1181
+ --ax-sys-color-accent1-800: 199, 48, 221;
1182
+ --ax-sys-color-accent1-900: 181, 18, 203;
1183
+ --ax-sys-color-accent1-950: 173, 0, 194;
1001
1184
 
1002
- --ax-sys-color-accent3-light-surface: 102, 240, 220;
1003
- --ax-sys-color-on-accent3-light-surface: 0, 30, 24;
1004
- --ax-sys-color-border-accent3-light-surface: 144, 244, 230;
1185
+ --ax-sys-color-accent2-50: 255, 242, 228;
1186
+ --ax-sys-color-accent2-100: 255, 232, 214;
1187
+ --ax-sys-color-accent2-200: 255, 213, 186;
1188
+ --ax-sys-color-accent2-300: 255, 194, 157;
1189
+ --ax-sys-color-accent2-400: 255, 173, 125;
1190
+ --ax-sys-color-accent2-500: 255, 151, 89;
1191
+ --ax-sys-color-accent2-600: 255, 129, 45;
1192
+ --ax-sys-color-accent2-700: 249, 115, 22;
1193
+ --ax-sys-color-accent2-800: 228, 96, 0;
1194
+ --ax-sys-color-accent2-900: 208, 77, 0;
1195
+ --ax-sys-color-accent2-950: 195, 71, 0;
1005
1196
 
1006
- --ax-sys-color-accent3-surface: 69, 212, 193;
1007
- --ax-sys-color-on-accent3-surface: 0, 30, 24;
1008
- --ax-sys-color-border-accent3-surface: 106, 221, 205;
1197
+ --ax-sys-color-accent3-50: 202, 255, 252;
1198
+ --ax-sys-color-accent3-100: 166, 255, 246;
1199
+ --ax-sys-color-accent3-200: 118, 254, 234;
1200
+ --ax-sys-color-accent3-300: 102, 240, 220;
1201
+ --ax-sys-color-accent3-400: 86, 225, 206;
1202
+ --ax-sys-color-accent3-500: 69, 212, 193;
1203
+ --ax-sys-color-accent3-600: 49, 198, 179;
1204
+ --ax-sys-color-accent3-700: 20, 184, 166;
1205
+ --ax-sys-color-accent3-800: 0, 166, 148;
1206
+ --ax-sys-color-accent3-900: 0, 148, 131;
1207
+ --ax-sys-color-accent3-950: 0, 138, 122;
1009
1208
 
1010
- --ax-sys-color-accent3-dark-surface: 49, 198, 179;
1011
- --ax-sys-color-on-accent3-dark-surface: 0, 30, 24;
1012
- --ax-sys-color-border-accent3-dark-surface: 81, 212, 195;
1209
+ --ax-sys-color-accent4-50: 239, 244, 255;
1210
+ --ax-sys-color-accent4-100: 226, 233, 255;
1211
+ --ax-sys-color-accent4-200: 202, 212, 255;
1212
+ --ax-sys-color-accent4-300: 178, 190, 255;
1213
+ --ax-sys-color-accent4-400: 156, 168, 255;
1214
+ --ax-sys-color-accent4-500: 134, 144, 255;
1215
+ --ax-sys-color-accent4-600: 115, 121, 255;
1216
+ --ax-sys-color-accent4-700: 99, 102, 241;
1217
+ --ax-sys-color-accent4-800: 88, 89, 227;
1218
+ --ax-sys-color-accent4-900: 78, 75, 213;
1219
+ --ax-sys-color-accent4-950: 73, 69, 206;
1013
1220
 
1014
- --ax-sys-color-accent3-darker-surface: 20, 184, 166;
1015
- --ax-sys-color-on-accent3-darker-surface: 0, 30, 24;
1016
- --ax-sys-color-border-accent3-darker-surface: 25, 225, 203;
1221
+ --ax-sys-color-accent5-50: 255, 237, 248;
1222
+ --ax-sys-color-accent5-100: 255, 225, 241;
1223
+ --ax-sys-color-accent5-200: 255, 200, 226;
1224
+ --ax-sys-color-accent5-300: 255, 174, 211;
1225
+ --ax-sys-color-accent5-400: 255, 146, 197;
1226
+ --ax-sys-color-accent5-500: 255, 113, 183;
1227
+ --ax-sys-color-accent5-600: 254, 89, 168;
1228
+ --ax-sys-color-accent5-700: 236, 72, 153;
1229
+ --ax-sys-color-accent5-800: 218, 53, 138;
1230
+ --ax-sys-color-accent5-900: 200, 30, 122;
1231
+ --ax-sys-color-accent5-950: 190, 14, 115;
1017
1232
 
1018
- --ax-sys-color-accent3-darkest-surface: 0, 166, 148;
1019
- --ax-sys-color-on-accent3-darkest-surface: 0, 30, 24;
1020
- --ax-sys-color-border-accent3-darkest-surface: 0, 212, 189;
1233
+ --ax-sys-color-accent6-50: 251, 243, 237;
1234
+ --ax-sys-color-accent6-100: 240, 232, 226;
1235
+ --ax-sys-color-accent6-200: 219, 211, 206;
1236
+ --ax-sys-color-accent6-300: 198, 191, 185;
1237
+ --ax-sys-color-accent6-400: 178, 171, 165;
1238
+ --ax-sys-color-accent6-500: 158, 151, 146;
1239
+ --ax-sys-color-accent6-600: 139, 132, 127;
1240
+ --ax-sys-color-accent6-700: 120, 113, 108;
1241
+ --ax-sys-color-accent6-800: 109, 103, 98;
1242
+ --ax-sys-color-accent6-900: 99, 92, 88;
1243
+ --ax-sys-color-accent6-950: 94, 87, 83;
1021
1244
 
1022
- --ax-sys-color-accent4-lightest-surface: 226, 233, 255;
1023
- --ax-sys-color-on-accent4-lightest-surface: 17, 21, 36;
1024
- --ax-sys-color-border-accent4-lightest-surface: 255, 255, 255;
1245
+ --ax-sys-color-primary-lightest-surface: 219, 238, 255;
1246
+ --ax-sys-color-on-primary-lightest-surface: 9, 23, 35;
1247
+ --ax-sys-color-border-primary-lightest-surface: 255, 255, 255;
1025
1248
 
1026
- --ax-sys-color-accent4-lighter-surface: 202, 212, 255;
1027
- --ax-sys-color-on-accent4-lighter-surface: 15, 18, 49;
1028
- --ax-sys-color-border-accent4-lighter-surface: 248, 249, 255;
1249
+ --ax-sys-color-primary-lighter-surface: 190, 221, 255;
1250
+ --ax-sys-color-on-primary-lighter-surface: 0, 22, 47;
1251
+ --ax-sys-color-border-primary-lighter-surface: 236, 245, 255;
1029
1252
 
1030
- --ax-sys-color-accent4-light-surface: 178, 190, 255;
1031
- --ax-sys-color-on-accent4-light-surface: 14, 12, 63;
1032
- --ax-sys-color-border-accent4-light-surface: 224, 229, 255;
1253
+ --ax-sys-color-primary-light-surface: 161, 203, 255;
1254
+ --ax-sys-color-on-primary-light-surface: 0, 20, 59;
1255
+ --ax-sys-color-border-primary-light-surface: 207, 228, 255;
1033
1256
 
1034
- --ax-sys-color-accent4-surface: 134, 144, 255;
1035
- --ax-sys-color-on-accent4-surface: 18, 0, 85;
1036
- --ax-sys-color-border-accent4-surface: 180, 186, 255;
1257
+ --ax-sys-color-primary-surface: 101, 166, 255;
1258
+ --ax-sys-color-on-primary-surface: 0, 6, 82;
1259
+ --ax-sys-color-border-primary-surface: 147, 193, 255;
1037
1260
 
1038
- --ax-sys-color-accent4-dark-surface: 115, 121, 255;
1039
- --ax-sys-color-on-accent4-dark-surface: 18, 0, 85;
1040
- --ax-sys-color-border-accent4-dark-surface: 161, 165, 255;
1261
+ --ax-sys-color-primary-dark-surface: 67, 146, 255;
1262
+ --ax-sys-color-on-primary-dark-surface: 0, 0, 87;
1263
+ --ax-sys-color-border-primary-dark-surface: 113, 173, 255;
1041
1264
 
1042
- --ax-sys-color-accent4-darker-surface: 99, 102, 241;
1043
- --ax-sys-color-on-accent4-darker-surface: 18, 0, 85;
1044
- --ax-sys-color-border-accent4-darker-surface: 141, 143, 245;
1265
+ --ax-sys-color-primary-darker-surface: 43, 127, 255;
1266
+ --ax-sys-color-on-primary-darker-surface: 0, 0, 91;
1267
+ --ax-sys-color-border-primary-darker-surface: 89, 155, 255;
1045
1268
 
1046
- --ax-sys-color-accent4-darkest-surface: 88, 89, 227;
1047
- --ax-sys-color-on-accent4-darkest-surface: 18, 0, 86;
1048
- --ax-sys-color-border-accent4-darkest-surface: 127, 128, 234;
1269
+ --ax-sys-color-primary-darkest-surface: 25, 112, 239;
1270
+ --ax-sys-color-on-primary-darkest-surface: 0, 0, 91;
1271
+ --ax-sys-color-border-primary-darkest-surface: 68, 139, 242;
1049
1272
 
1050
- --ax-sys-color-accent5-lightest-surface: 255, 225, 241;
1051
- --ax-sys-color-on-accent5-lightest-surface: 34, 14, 26;
1052
- --ax-sys-color-border-accent5-lightest-surface: 255, 255, 255;
1273
+ --ax-sys-color-secondary-lightest-surface: 233, 242, 255;
1274
+ --ax-sys-color-on-secondary-lightest-surface: 16, 22, 31;
1275
+ --ax-sys-color-border-secondary-lightest-surface: 255, 255, 255;
1053
1276
 
1054
- --ax-sys-color-accent5-lighter-surface: 255, 200, 226;
1055
- --ax-sys-color-on-accent5-lighter-surface: 43, 5, 27;
1056
- --ax-sys-color-border-accent5-lighter-surface: 255, 246, 250;
1277
+ --ax-sys-color-secondary-lighter-surface: 219, 228, 243;
1278
+ --ax-sys-color-on-secondary-lighter-surface: 16, 22, 32;
1279
+ --ax-sys-color-border-secondary-lighter-surface: 253, 254, 254;
1057
1280
 
1058
- --ax-sys-color-accent5-light-surface: 255, 174, 211;
1059
- --ax-sys-color-on-accent5-light-surface: 51, 0, 28;
1060
- --ax-sys-color-border-accent5-light-surface: 255, 220, 236;
1281
+ --ax-sys-color-secondary-light-surface: 206, 214, 229;
1282
+ --ax-sys-color-on-secondary-light-surface: 17, 22, 32;
1283
+ --ax-sys-color-border-secondary-light-surface: 236, 239, 245;
1061
1284
 
1062
- --ax-sys-color-accent5-surface: 255, 113, 183;
1063
- --ax-sys-color-on-accent5-surface: 52, 0, 27;
1064
- --ax-sys-color-border-accent5-surface: 255, 159, 206;
1285
+ --ax-sys-color-secondary-surface: 179, 187, 202;
1286
+ --ax-sys-color-on-secondary-surface: 17, 22, 33;
1287
+ --ax-sys-color-border-secondary-surface: 206, 211, 221;
1065
1288
 
1066
- --ax-sys-color-accent5-dark-surface: 254, 89, 168;
1067
- --ax-sys-color-on-accent5-dark-surface: 52, 0, 25;
1068
- --ax-sys-color-border-accent5-dark-surface: 254, 135, 192;
1289
+ --ax-sys-color-secondary-dark-surface: 166, 174, 188;
1290
+ --ax-sys-color-on-secondary-dark-surface: 16, 22, 32;
1291
+ --ax-sys-color-border-secondary-dark-surface: 192, 198, 208;
1069
1292
 
1070
- --ax-sys-color-accent5-darker-surface: 236, 72, 153;
1071
- --ax-sys-color-on-accent5-darker-surface: 52, 0, 25;
1072
- --ax-sys-color-border-accent5-darker-surface: 240, 114, 176;
1293
+ --ax-sys-color-secondary-darker-surface: 153, 161, 175;
1294
+ --ax-sys-color-on-secondary-darker-surface: 16, 22, 32;
1295
+ --ax-sys-color-border-secondary-darker-surface: 179, 185, 195;
1073
1296
 
1074
- --ax-sys-color-accent5-darkest-surface: 218, 53, 138;
1075
- --ax-sys-color-on-accent5-darkest-surface: 52, 0, 25;
1076
- --ax-sys-color-border-accent5-darkest-surface: 225, 92, 160;
1297
+ --ax-sys-color-secondary-darkest-surface: 135, 143, 157;
1298
+ --ax-sys-color-on-secondary-darkest-surface: 16, 22, 33;
1299
+ --ax-sys-color-border-secondary-darkest-surface: 160, 167, 178;
1077
1300
 
1078
- --ax-sys-color-accent6-lightest-surface: 240, 232, 226;
1079
- --ax-sys-color-on-accent6-lightest-surface: 26, 21, 17;
1080
- --ax-sys-color-border-accent6-lightest-surface: 255, 255, 255;
1301
+ --ax-sys-color-success-lightest-surface: 180, 255, 219;
1302
+ --ax-sys-color-on-success-lightest-surface: 0, 31, 13;
1303
+ --ax-sys-color-border-success-lightest-surface: 226, 255, 241;
1081
1304
 
1082
- --ax-sys-color-accent6-lighter-surface: 219, 211, 206;
1083
- --ax-sys-color-on-accent6-lighter-surface: 26, 21, 17;
1084
- --ax-sys-color-border-accent6-lighter-surface: 238, 235, 232;
1305
+ --ax-sys-color-success-lighter-surface: 115, 255, 191;
1306
+ --ax-sys-color-on-success-lighter-surface: 0, 31, 11;
1307
+ --ax-sys-color-border-success-lighter-surface: 161, 255, 212;
1085
1308
 
1086
- --ax-sys-color-accent6-light-surface: 198, 191, 185;
1087
- --ax-sys-color-on-accent6-light-surface: 26, 21, 17;
1088
- --ax-sys-color-border-accent6-light-surface: 219, 214, 210;
1309
+ --ax-sys-color-success-light-surface: 99, 244, 178;
1310
+ --ax-sys-color-on-success-light-surface: 0, 31, 10;
1311
+ --ax-sys-color-border-success-light-surface: 142, 247, 199;
1089
1312
 
1090
- --ax-sys-color-accent6-surface: 158, 151, 146;
1091
- --ax-sys-color-on-accent6-surface: 26, 21, 17;
1092
- --ax-sys-color-border-accent6-surface: 180, 174, 170;
1313
+ --ax-sys-color-success-surface: 64, 216, 151;
1314
+ --ax-sys-color-on-success-surface: 0, 31, 10;
1315
+ --ax-sys-color-border-success-surface: 102, 224, 172;
1093
1316
 
1094
- --ax-sys-color-accent6-dark-surface: 139, 132, 127;
1095
- --ax-sys-color-on-accent6-dark-surface: 255, 252, 246;
1096
- --ax-sys-color-border-accent6-dark-surface: 161, 155, 151;
1317
+ --ax-sys-color-success-dark-surface: 42, 202, 138;
1318
+ --ax-sys-color-on-success-dark-surface: 0, 31, 10;
1319
+ --ax-sys-color-border-success-dark-surface: 73, 217, 159;
1097
1320
 
1098
- --ax-sys-color-accent6-darker-surface: 120, 113, 108;
1099
- --ax-sys-color-on-accent6-darker-surface: 255, 252, 246;
1100
- --ax-sys-color-border-accent6-darker-surface: 143, 136, 131;
1321
+ --ax-sys-color-success-darker-surface: 1, 188, 125;
1322
+ --ax-sys-color-on-success-darker-surface: 0, 31, 10;
1323
+ --ax-sys-color-border-success-darker-surface: 1, 234, 155;
1101
1324
 
1102
- --ax-sys-color-accent6-darkest-surface: 109, 103, 98;
1103
- --ax-sys-color-on-accent6-darkest-surface: 255, 252, 246;
1104
- --ax-sys-color-border-accent6-darkest-surface: 133, 126, 120;
1325
+ --ax-sys-color-success-darkest-surface: 0, 170, 108;
1326
+ --ax-sys-color-on-success-darkest-surface: 0, 31, 8;
1327
+ --ax-sys-color-border-success-darkest-surface: 0, 216, 137;
1105
1328
 
1106
- --ax-sys-color-bg-default: var(--ax-sys-color-darkest-surface);
1107
- --ax-sys-color-text-default: var(--ax-sys-color-on-darkest-surface);
1108
- --ax-sys-color-border-default: var(--ax-sys-color-border-darkest-surface);
1109
- }
1329
+ --ax-sys-color-warning-lightest-surface: 255, 238, 208;
1330
+ --ax-sys-color-on-warning-lightest-surface: 32, 20, 0;
1331
+ --ax-sys-color-border-warning-lightest-surface: 255, 255, 254;
1110
1332
 
1111
- @theme {
1112
- --color-bg-default: rgba(var(--ax-sys-color-bg-default));
1113
- --color-text-default: rgba(var(--ax-sys-color-text-default));
1114
- --color-border-default: rgba(var(--ax-sys-color-border-default));
1115
- --radius-default: var(--ax-sys-border-radius);
1116
- --breakpoint-3xl: 1920px;
1117
- --breakpoint-4xl: 2560px;
1118
- /* Surface Surfaces */
1119
- --color-surface: rgba(var(--ax-sys-color-surface));
1120
- --color-surface-50: rgba(var(--ax-sys-color-surface-50));
1121
- --color-surface-100: rgba(var(--ax-sys-color-surface-100));
1122
- --color-surface-200: rgba(var(--ax-sys-color-surface-200));
1123
- --color-surface-300: rgba(var(--ax-sys-color-surface-300));
1124
- --color-surface-400: rgba(var(--ax-sys-color-surface-400));
1125
- --color-surface-500: rgba(var(--ax-sys-color-surface-500));
1126
- --color-surface-600: rgba(var(--ax-sys-color-surface-600));
1127
- --color-surface-700: rgba(var(--ax-sys-color-surface-700));
1128
- --color-surface-800: rgba(var(--ax-sys-color-surface-800));
1129
- --color-surface-900: rgba(var(--ax-sys-color-surface-900));
1130
- --color-surface-950: rgba(var(--ax-sys-color-surface-950));
1333
+ --ax-sys-color-warning-lighter-surface: 255, 224, 181;
1334
+ --ax-sys-color-on-warning-lighter-surface: 37, 16, 0;
1335
+ --ax-sys-color-border-warning-lighter-surface: 255, 243, 227;
1131
1336
 
1132
- --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
1133
- --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
1134
- --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
1135
- --color-lighter: rgba(var(--ax-sys-color-lighter-surface));
1136
- --color-on-lighter: rgba(var(--ax-sys-color-on-lighter-surface));
1137
- --color-border-lighter: rgba(var(--ax-sys-color-border-lighter-surface));
1138
- --color-light: rgba(var(--ax-sys-color-light-surface));
1139
- --color-on-light: rgba(var(--ax-sys-color-on-light-surface));
1140
- --color-border-light: rgba(var(--ax-sys-color-border-light-surface));
1141
- --color-surface: rgba(var(--ax-sys-color-surface));
1142
- --color-on-surface: rgba(var(--ax-sys-color-on-surface));
1143
- --color-border-surface: rgba(var(--ax-sys-color-border-surface));
1144
- --color-dark: rgba(var(--ax-sys-color-dark-surface));
1145
- --color-on-dark: rgba(var(--ax-sys-color-on-dark-surface));
1146
- --color-border-dark: rgba(var(--ax-sys-color-border-dark-surface));
1147
- --color-darker: rgba(var(--ax-sys-color-darker-surface));
1148
- --color-on-darker: rgba(var(--ax-sys-color-on-darker-surface));
1149
- --color-border-darker: rgba(var(--ax-sys-color-border-darker-surface));
1150
- --color-darkest: rgba(var(--ax-sys-color-darkest-surface));
1151
- --color-on-darkest: rgba(var(--ax-sys-color-on-darkest-surface));
1152
- --color-border-darkest: rgba(var(--ax-sys-color-border-darkest-surface));
1153
- /* Primary Surfaces */
1154
- --color-primary: rgba(var(--ax-sys-color-primary-surface));
1155
- --color-primary-50: rgba(var(--ax-sys-color-primary-50));
1156
- --color-primary-100: rgba(var(--ax-sys-color-primary-100));
1157
- --color-primary-200: rgba(var(--ax-sys-color-primary-200));
1158
- --color-primary-300: rgba(var(--ax-sys-color-primary-300));
1159
- --color-primary-400: rgba(var(--ax-sys-color-primary-400));
1160
- --color-primary-500: rgba(var(--ax-sys-color-primary-500));
1161
- --color-primary-600: rgba(var(--ax-sys-color-primary-600));
1162
- --color-primary-700: rgba(var(--ax-sys-color-primary-700));
1163
- --color-primary-800: rgba(var(--ax-sys-color-primary-800));
1164
- --color-primary-900: rgba(var(--ax-sys-color-primary-900));
1165
- --color-primary-950: rgba(var(--ax-sys-color-primary-950));
1337
+ --ax-sys-color-warning-light-surface: 255, 210, 152;
1338
+ --ax-sys-color-on-warning-light-surface: 38, 16, 0;
1339
+ --ax-sys-color-border-warning-light-surface: 255, 230, 198;
1166
1340
 
1167
- --color-primary-lightest: rgba(var(--ax-sys-color-primary-lightest-surface));
1168
- --color-on-primary-lightest: rgba(var(--ax-sys-color-on-primary-lightest-surface));
1169
- --color-border-primary-lightest: rgba(var(--ax-sys-color-border-primary-lightest-surface));
1170
- --color-primary-lighter: rgba(var(--ax-sys-color-primary-lighter-surface));
1171
- --color-on-primary-lighter: rgba(var(--ax-sys-color-on-primary-lighter-surface));
1172
- --color-border-primary-lighter: rgba(var(--ax-sys-color-border-primary-lighter-surface));
1173
- --color-primary-light: rgba(var(--ax-sys-color-primary-light-surface));
1174
- --color-on-primary-light: rgba(var(--ax-sys-color-on-primary-light-surface));
1175
- --color-border-primary-light: rgba(var(--ax-sys-color-border-primary-light-surface));
1176
- --color-primary: rgba(var(--ax-sys-color-primary-surface));
1177
- --color-on-primary: rgba(var(--ax-sys-color-on-primary-surface));
1178
- --color-border-primary: rgba(var(--ax-sys-color-border-primary-surface));
1179
- --color-primary-dark: rgba(var(--ax-sys-color-primary-dark-surface));
1180
- --color-on-primary-dark: rgba(var(--ax-sys-color-on-primary-dark-surface));
1181
- --color-border-primary-dark: rgba(var(--ax-sys-color-border-primary-dark-surface));
1182
- --color-primary-darker: rgba(var(--ax-sys-color-primary-darker-surface));
1183
- --color-on-primary-darker: rgba(var(--ax-sys-color-on-primary-darker-surface));
1184
- --color-border-primary-darker: rgba(var(--ax-sys-color-border-primary-darker-surface));
1185
- --color-primary-darkest: rgba(var(--ax-sys-color-primary-darkest-surface));
1186
- --color-on-primary-darkest: rgba(var(--ax-sys-color-on-primary-darkest-surface));
1187
- --color-border-primary-darkest: rgba(var(--ax-sys-color-border-primary-darkest-surface));
1341
+ --ax-sys-color-warning-surface: 255, 180, 82;
1342
+ --ax-sys-color-on-warning-surface: 39, 15, 0;
1343
+ --ax-sys-color-border-warning-surface: 255, 200, 128;
1188
1344
 
1189
- /* Secondary Surfaces */
1190
- --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
1191
- --color-secondary-50: rgba(var(--ax-sys-color-secondary-50));
1192
- --color-secondary-100: rgba(var(--ax-sys-color-secondary-100));
1193
- --color-secondary-200: rgba(var(--ax-sys-color-secondary-200));
1194
- --color-secondary-300: rgba(var(--ax-sys-color-secondary-300));
1195
- --color-secondary-400: rgba(var(--ax-sys-color-secondary-400));
1196
- --color-secondary-500: rgba(var(--ax-sys-color-secondary-500));
1197
- --color-secondary-600: rgba(var(--ax-sys-color-secondary-600));
1198
- --color-secondary-700: rgba(var(--ax-sys-color-secondary-700));
1199
- --color-secondary-800: rgba(var(--ax-sys-color-secondary-800));
1200
- --color-secondary-900: rgba(var(--ax-sys-color-secondary-900));
1201
- --color-secondary-950: rgba(var(--ax-sys-color-secondary-950));
1345
+ --ax-sys-color-warning-dark-surface: 255, 165, 33;
1346
+ --ax-sys-color-on-warning-dark-surface: 40, 14, 0;
1347
+ --ax-sys-color-border-warning-dark-surface: 255, 184, 79;
1202
1348
 
1203
- --color-secondary-lightest: rgba(var(--ax-sys-color-secondary-lightest-surface));
1204
- --color-on-secondary-lightest: rgba(var(--ax-sys-color-on-secondary-lightest-surface));
1205
- --color-border-secondary-lightest: rgba(var(--ax-sys-color-border-secondary-lightest-surface));
1206
- --color-secondary-lighter: rgba(var(--ax-sys-color-secondary-lighter-surface));
1207
- --color-on-secondary-lighter: rgba(var(--ax-sys-color-on-secondary-lighter-surface));
1208
- --color-border-secondary-lighter: rgba(var(--ax-sys-color-border-secondary-lighter-surface));
1209
- --color-secondary-light: rgba(var(--ax-sys-color-secondary-light-surface));
1210
- --color-on-secondary-light: rgba(var(--ax-sys-color-on-secondary-light-surface));
1211
- --color-border-secondary-light: rgba(var(--ax-sys-color-border-secondary-light-surface));
1212
- --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
1213
- --color-on-secondary: rgba(var(--ax-sys-color-on-secondary-surface));
1214
- --color-border-secondary: rgba(var(--ax-sys-color-border-secondary-surface));
1215
- --color-secondary-dark: rgba(var(--ax-sys-color-secondary-dark-surface));
1216
- --color-on-secondary-dark: rgba(var(--ax-sys-color-on-secondary-dark-surface));
1217
- --color-border-secondary-dark: rgba(var(--ax-sys-color-border-secondary-dark-surface));
1218
- --color-secondary-darker: rgba(var(--ax-sys-color-secondary-darker-surface));
1219
- --color-on-secondary-darker: rgba(var(--ax-sys-color-on-secondary-darker-surface));
1220
- --color-border-secondary-darker: rgba(var(--ax-sys-color-border-secondary-darker-surface));
1221
- --color-secondary-darkest: rgba(var(--ax-sys-color-secondary-darkest-surface));
1222
- --color-on-secondary-darkest: rgba(var(--ax-sys-color-on-secondary-darkest-surface));
1223
- --color-border-secondary-darkest: rgba(var(--ax-sys-color-border-secondary-darkest-surface));
1349
+ --ax-sys-color-warning-darker-surface: 253, 154, 1;
1350
+ --ax-sys-color-on-warning-darker-surface: 41, 13, 0;
1351
+ --ax-sys-color-border-warning-darker-surface: 254, 172, 46;
1224
1352
 
1225
- /* Success Surfaces */
1226
- --color-success: rgba(var(--ax-sys-color-success-surface));
1227
- --color-success-50: rgba(var(--ax-sys-color-success-50));
1228
- --color-success-100: rgba(var(--ax-sys-color-success-100));
1229
- --color-success-200: rgba(var(--ax-sys-color-success-200));
1230
- --color-success-300: rgba(var(--ax-sys-color-success-300));
1231
- --color-success-400: rgba(var(--ax-sys-color-success-400));
1232
- --color-success-500: rgba(var(--ax-sys-color-success-500));
1233
- --color-success-600: rgba(var(--ax-sys-color-success-600));
1234
- --color-success-700: rgba(var(--ax-sys-color-success-700));
1235
- --color-success-800: rgba(var(--ax-sys-color-success-800));
1236
- --color-success-900: rgba(var(--ax-sys-color-success-900));
1237
- --color-success-950: rgba(var(--ax-sys-color-success-950));
1353
+ --ax-sys-color-warning-darkest-surface: 230, 133, 0;
1354
+ --ax-sys-color-on-warning-darkest-surface: 42, 12, 0;
1355
+ --ax-sys-color-border-warning-darkest-surface: 255, 156, 21;
1238
1356
 
1239
- --color-success-lightest: rgba(var(--ax-sys-color-success-lightest-surface));
1240
- --color-on-success-lightest: rgba(var(--ax-sys-color-on-success-lightest-surface));
1241
- --color-border-success-lightest: rgba(var(--ax-sys-color-border-success-lightest-surface));
1242
- --color-success-lighter: rgba(var(--ax-sys-color-success-lighter-surface));
1243
- --color-on-success-lighter: rgba(var(--ax-sys-color-on-success-lighter-surface));
1244
- --color-border-success-lighter: rgba(var(--ax-sys-color-border-success-lighter-surface));
1245
- --color-success-light: rgba(var(--ax-sys-color-success-light-surface));
1246
- --color-on-success-light: rgba(var(--ax-sys-color-on-success-light-surface));
1247
- --color-border-success-light: rgba(var(--ax-sys-color-border-success-light-surface));
1248
- --color-success: rgba(var(--ax-sys-color-success-surface));
1249
- --color-on-success: rgba(var(--ax-sys-color-on-success-surface));
1250
- --color-border-success: rgba(var(--ax-sys-color-border-success-surface));
1251
- --color-success-dark: rgba(var(--ax-sys-color-success-dark-surface));
1252
- --color-on-success-dark: rgba(var(--ax-sys-color-on-success-dark-surface));
1253
- --color-border-success-dark: rgba(var(--ax-sys-color-border-success-dark-surface));
1254
- --color-success-darker: rgba(var(--ax-sys-color-success-darker-surface));
1255
- --color-on-success-darker: rgba(var(--ax-sys-color-on-success-darker-surface));
1256
- --color-border-success-darker: rgba(var(--ax-sys-color-border-success-darker-surface));
1257
- --color-success-darkest: rgba(var(--ax-sys-color-success-darkest-surface));
1258
- --color-on-success-darkest: rgba(var(--ax-sys-color-on-success-darkest-surface));
1259
- --color-border-success-darkest: rgba(var(--ax-sys-color-border-success-darkest-surface));
1357
+ --ax-sys-color-danger-lightest-surface: 255, 230, 233;
1358
+ --ax-sys-color-on-danger-lightest-surface: 33, 17, 19;
1359
+ --ax-sys-color-border-danger-lightest-surface: 255, 255, 255;
1260
1360
 
1261
- /* Warning Surfaces */
1262
- --color-warning: rgba(var(--ax-sys-color-warning-surface));
1263
- --color-warning-50: rgba(var(--ax-sys-color-warning-50));
1264
- --color-warning-100: rgba(var(--ax-sys-color-warning-100));
1265
- --color-warning-200: rgba(var(--ax-sys-color-warning-200));
1266
- --color-warning-300: rgba(var(--ax-sys-color-warning-300));
1267
- --color-warning-400: rgba(var(--ax-sys-color-warning-400));
1268
- --color-warning-500: rgba(var(--ax-sys-color-warning-500));
1269
- --color-warning-600: rgba(var(--ax-sys-color-warning-600));
1270
- --color-warning-700: rgba(var(--ax-sys-color-warning-700));
1271
- --color-warning-800: rgba(var(--ax-sys-color-warning-800));
1272
- --color-warning-900: rgba(var(--ax-sys-color-warning-900));
1273
- --color-warning-950: rgba(var(--ax-sys-color-warning-950));
1361
+ --ax-sys-color-danger-lighter-surface: 255, 210, 215;
1362
+ --ax-sys-color-on-danger-lighter-surface: 41, 10, 16;
1363
+ --ax-sys-color-border-danger-lighter-surface: 255, 255, 255;
1274
1364
 
1275
- --color-warning-lightest: rgba(var(--ax-sys-color-warning-lightest-surface));
1276
- --color-on-warning-lightest: rgba(var(--ax-sys-color-on-warning-lightest-surface));
1277
- --color-border-warning-lightest: rgba(var(--ax-sys-color-border-warning-lightest-surface));
1278
- --color-warning-lighter: rgba(var(--ax-sys-color-warning-lighter-surface));
1279
- --color-on-warning-lighter: rgba(var(--ax-sys-color-on-warning-lighter-surface));
1280
- --color-border-warning-lighter: rgba(var(--ax-sys-color-border-warning-lighter-surface));
1281
- --color-warning-light: rgba(var(--ax-sys-color-warning-light-surface));
1282
- --color-on-warning-light: rgba(var(--ax-sys-color-on-warning-light-surface));
1283
- --color-border-warning-light: rgba(var(--ax-sys-color-border-warning-light-surface));
1284
- --color-warning: rgba(var(--ax-sys-color-warning-surface));
1285
- --color-on-warning: rgba(var(--ax-sys-color-on-warning-surface));
1286
- --color-border-warning: rgba(var(--ax-sys-color-border-warning-surface));
1287
- --color-warning-dark: rgba(var(--ax-sys-color-warning-dark-surface));
1288
- --color-on-warning-dark: rgba(var(--ax-sys-color-on-warning-dark-surface));
1289
- --color-border-warning-dark: rgba(var(--ax-sys-color-border-warning-dark-surface));
1290
- --color-warning-darker: rgba(var(--ax-sys-color-warning-darker-surface));
1291
- --color-on-warning-darker: rgba(var(--ax-sys-color-on-warning-darker-surface));
1292
- --color-border-warning-darker: rgba(var(--ax-sys-color-border-warning-darker-surface));
1293
- --color-warning-darkest: rgba(var(--ax-sys-color-warning-darkest-surface));
1294
- --color-on-warning-darkest: rgba(var(--ax-sys-color-on-warning-darkest-surface));
1295
- --color-border-warning-darkest: rgba(var(--ax-sys-color-border-warning-darkest-surface));
1365
+ --ax-sys-color-danger-light-surface: 255, 189, 196;
1366
+ --ax-sys-color-on-danger-light-surface: 48, 1, 13;
1367
+ --ax-sys-color-border-danger-light-surface: 255, 235, 237;
1296
1368
 
1297
- /* Danger Surfaces */
1298
- --color-danger: rgba(var(--ax-sys-color-danger-surface));
1299
- --color-danger-50: rgba(var(--ax-sys-color-danger-50));
1300
- --color-danger-100: rgba(var(--ax-sys-color-danger-100));
1301
- --color-danger-200: rgba(var(--ax-sys-color-danger-200));
1302
- --color-danger-300: rgba(var(--ax-sys-color-danger-300));
1303
- --color-danger-400: rgba(var(--ax-sys-color-danger-400));
1304
- --color-danger-500: rgba(var(--ax-sys-color-danger-500));
1305
- --color-danger-600: rgba(var(--ax-sys-color-danger-600));
1306
- --color-danger-700: rgba(var(--ax-sys-color-danger-700));
1307
- --color-danger-800: rgba(var(--ax-sys-color-danger-800));
1308
- --color-danger-900: rgba(var(--ax-sys-color-danger-900));
1309
- --color-danger-950: rgba(var(--ax-sys-color-danger-950));
1369
+ --ax-sys-color-danger-surface: 255, 144, 159;
1370
+ --ax-sys-color-on-danger-surface: 54, 0, 9;
1371
+ --ax-sys-color-border-danger-surface: 255, 190, 199;
1310
1372
 
1311
- --color-danger-lightest: rgba(var(--ax-sys-color-danger-lightest-surface));
1312
- --color-on-danger-lightest: rgba(var(--ax-sys-color-on-danger-lightest-surface));
1313
- --color-border-danger-lightest: rgba(var(--ax-sys-color-border-danger-lightest-surface));
1314
- --color-danger-lighter: rgba(var(--ax-sys-color-danger-lighter-surface));
1315
- --color-on-danger-lighter: rgba(var(--ax-sys-color-on-danger-lighter-surface));
1316
- --color-border-danger-lighter: rgba(var(--ax-sys-color-border-danger-lighter-surface));
1317
- --color-danger-light: rgba(var(--ax-sys-color-danger-light-surface));
1318
- --color-on-danger-light: rgba(var(--ax-sys-color-on-danger-light-surface));
1319
- --color-border-danger-light: rgba(var(--ax-sys-color-border-danger-light-surface));
1320
- --color-danger: rgba(var(--ax-sys-color-danger-surface));
1321
- --color-on-danger: rgba(var(--ax-sys-color-on-danger-surface));
1322
- --color-border-danger: rgba(var(--ax-sys-color-border-danger-surface));
1323
- --color-danger-dark: rgba(var(--ax-sys-color-danger-dark-surface));
1324
- --color-on-danger-dark: rgba(var(--ax-sys-color-on-danger-dark-surface));
1325
- --color-border-danger-dark: rgba(var(--ax-sys-color-border-danger-dark-surface));
1326
- --color-danger-darker: rgba(var(--ax-sys-color-danger-darker-surface));
1327
- --color-on-danger-darker: rgba(var(--ax-sys-color-on-danger-darker-surface));
1328
- --color-border-danger-darker: rgba(var(--ax-sys-color-border-danger-darker-surface));
1329
- --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
1330
- --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
1331
- --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
1373
+ --ax-sys-color-danger-dark-surface: 255, 117, 140;
1374
+ --ax-sys-color-on-danger-dark-surface: 54, 0, 10;
1375
+ --ax-sys-color-border-danger-dark-surface: 255, 163, 178;
1332
1376
 
1333
- /* Accent Surfaces */
1334
- --color-accent: rgba(var(--ax-sys-color-accent-surface));
1335
- --color-accent-50: rgba(var(--ax-sys-color-accent-50));
1336
- --color-accent-100: rgba(var(--ax-sys-color-accent-100));
1337
- --color-accent-200: rgba(var(--ax-sys-color-accent-200));
1338
- --color-accent-300: rgba(var(--ax-sys-color-accent-300));
1339
- --color-accent-400: rgba(var(--ax-sys-color-accent-400));
1340
- --color-accent-500: rgba(var(--ax-sys-color-accent-500));
1341
- --color-accent-600: rgba(var(--ax-sys-color-accent-600));
1342
- --color-accent-700: rgba(var(--ax-sys-color-accent-700));
1343
- --color-accent-800: rgba(var(--ax-sys-color-accent-800));
1344
- --color-accent-900: rgba(var(--ax-sys-color-accent-900));
1345
- --color-accent-950: rgba(var(--ax-sys-color-accent-950));
1377
+ --ax-sys-color-danger-darker-surface: 255, 99, 126;
1378
+ --ax-sys-color-on-danger-darker-surface: 54, 0, 9;
1379
+ --ax-sys-color-border-danger-darker-surface: 255, 145, 164;
1346
1380
 
1347
- --color-accent-lightest: rgba(var(--ax-sys-color-accent-lightest-surface));
1348
- --color-on-accent-lightest: rgba(var(--ax-sys-color-on-accent-lightest-surface));
1349
- --color-border-accent-lightest: rgba(var(--ax-sys-color-border-accent-lightest-surface));
1350
- --color-accent-lighter: rgba(var(--ax-sys-color-accent-lighter-surface));
1351
- --color-on-accent-lighter: rgba(var(--ax-sys-color-on-accent-lighter-surface));
1352
- --color-border-accent-lighter: rgba(var(--ax-sys-color-border-accent-lighter-surface));
1353
- --color-accent-light: rgba(var(--ax-sys-color-accent-light-surface));
1354
- --color-on-accent-light: rgba(var(--ax-sys-color-on-accent-light-surface));
1355
- --color-border-accent-light: rgba(var(--ax-sys-color-border-accent-light-surface));
1356
- --color-accent: rgba(var(--ax-sys-color-accent-surface));
1357
- --color-on-accent: rgba(var(--ax-sys-color-on-accent-surface));
1358
- --color-border-accent: rgba(var(--ax-sys-color-border-accent-surface));
1359
- --color-accent-dark: rgba(var(--ax-sys-color-accent-dark-surface));
1360
- --color-on-accent-dark: rgba(var(--ax-sys-color-on-accent-dark-surface));
1361
- --color-border-accent-dark: rgba(var(--ax-sys-color-border-accent-dark-surface));
1362
- --color-accent-darker: rgba(var(--ax-sys-color-accent-darker-surface));
1363
- --color-on-accent-darker: rgba(var(--ax-sys-color-on-accent-darker-surface));
1364
- --color-border-accent-darker: rgba(var(--ax-sys-color-border-accent-darker-surface));
1365
- --color-accent-darkest: rgba(var(--ax-sys-color-accent-darkest-surface));
1366
- --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
1367
- --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
1381
+ --ax-sys-color-danger-darkest-surface: 234, 80, 109;
1382
+ --ax-sys-color-on-danger-darkest-surface: 54, 0, 8;
1383
+ --ax-sys-color-border-danger-darkest-surface: 239, 121, 143;
1368
1384
 
1369
- /* Accent 1 Surfaces */
1370
- --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1371
- --color-accent1-50: rgba(var(--ax-sys-color-accent1-50));
1372
- --color-accent1-100: rgba(var(--ax-sys-color-accent1-100));
1373
- --color-accent1-200: rgba(var(--ax-sys-color-accent1-200));
1374
- --color-accent1-300: rgba(var(--ax-sys-color-accent1-300));
1375
- --color-accent1-400: rgba(var(--ax-sys-color-accent1-400));
1376
- --color-accent1-500: rgba(var(--ax-sys-color-accent1-500));
1377
- --color-accent1-600: rgba(var(--ax-sys-color-accent1-600));
1378
- --color-accent1-700: rgba(var(--ax-sys-color-accent1-700));
1379
- --color-accent1-800: rgba(var(--ax-sys-color-accent1-800));
1380
- --color-accent1-900: rgba(var(--ax-sys-color-accent1-900));
1381
- --color-accent1-950: rgba(var(--ax-sys-color-accent1-950));
1385
+ --ax-sys-color-accent-lightest-surface: 192, 254, 255;
1386
+ --ax-sys-color-on-accent-lightest-surface: 0, 29, 30;
1387
+ --ax-sys-color-border-accent-lightest-surface: 238, 255, 255;
1388
+
1389
+ --ax-sys-color-accent-lighter-surface: 147, 245, 255;
1390
+ --ax-sys-color-on-accent-lighter-surface: 0, 28, 33;
1391
+ --ax-sys-color-border-accent-lighter-surface: 193, 249, 255;
1392
+
1393
+ --ax-sys-color-accent-light-surface: 97, 236, 255;
1394
+ --ax-sys-color-on-accent-light-surface: 0, 28, 35;
1395
+ --ax-sys-color-border-accent-light-surface: 143, 242, 255;
1396
+
1397
+ --ax-sys-color-accent-surface: 63, 208, 239;
1398
+ --ax-sys-color-on-accent-surface: 0, 27, 38;
1399
+ --ax-sys-color-border-accent-surface: 105, 218, 243;
1400
+
1401
+ --ax-sys-color-accent-dark-surface: 42, 195, 225;
1402
+ --ax-sys-color-on-accent-dark-surface: 0, 27, 38;
1403
+ --ax-sys-color-border-accent-dark-surface: 82, 206, 231;
1382
1404
 
1383
- --color-accent1-lightest: rgba(var(--ax-sys-color-accent1-lightest-surface));
1384
- --color-on-accent1-lightest: rgba(var(--ax-sys-color-on-accent1-lightest-surface));
1385
- --color-border-accent1-lightest: rgba(var(--ax-sys-color-border-accent1-lightest-surface));
1386
- --color-accent1-lighter: rgba(var(--ax-sys-color-accent1-lighter-surface));
1387
- --color-on-accent1-lighter: rgba(var(--ax-sys-color-on-accent1-lighter-surface));
1388
- --color-border-accent1-lighter: rgba(var(--ax-sys-color-border-accent1-lighter-surface));
1389
- --color-accent1-light: rgba(var(--ax-sys-color-accent1-light-surface));
1390
- --color-on-accent1-light: rgba(var(--ax-sys-color-on-accent1-light-surface));
1391
- --color-border-accent1-light: rgba(var(--ax-sys-color-border-accent1-light-surface));
1392
- --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1393
- --color-on-accent1: rgba(var(--ax-sys-color-on-accent1-surface));
1394
- --color-border-accent1: rgba(var(--ax-sys-color-border-accent1-surface));
1395
- --color-accent1-dark: rgba(var(--ax-sys-color-accent1-dark-surface));
1396
- --color-on-accent1-dark: rgba(var(--ax-sys-color-on-accent1-dark-surface));
1397
- --color-border-accent1-dark: rgba(var(--ax-sys-color-border-accent1-dark-surface));
1398
- --color-accent1-darker: rgba(var(--ax-sys-color-accent1-darker-surface));
1399
- --color-on-accent1-darker: rgba(var(--ax-sys-color-on-accent1-darker-surface));
1400
- --color-border-accent1-darker: rgba(var(--ax-sys-color-border-accent1-darker-surface));
1401
- --color-accent1-darkest: rgba(var(--ax-sys-color-accent1-darkest-surface));
1402
- --color-on-accent1-darkest: rgba(var(--ax-sys-color-on-accent1-darkest-surface));
1403
- --color-border-accent1-darkest: rgba(var(--ax-sys-color-border-accent1-darkest-surface));
1405
+ --ax-sys-color-accent-darker-surface: 6, 182, 212;
1406
+ --ax-sys-color-on-accent-darker-surface: 0, 27, 38;
1407
+ --ax-sys-color-border-accent-darker-surface: 16, 214, 248;
1404
1408
 
1405
- /* Accent 2 Surfaces */
1406
- --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1407
- --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
1408
- --color-accent2-100: rgba(var(--ax-sys-color-accent2-100));
1409
- --color-accent2-200: rgba(var(--ax-sys-color-accent2-200));
1410
- --color-accent2-300: rgba(var(--ax-sys-color-accent2-300));
1411
- --color-accent2-400: rgba(var(--ax-sys-color-accent2-400));
1412
- --color-accent2-500: rgba(var(--ax-sys-color-accent2-500));
1413
- --color-accent2-600: rgba(var(--ax-sys-color-accent2-600));
1414
- --color-accent2-700: rgba(var(--ax-sys-color-accent2-700));
1415
- --color-accent2-800: rgba(var(--ax-sys-color-accent2-800));
1416
- --color-accent2-900: rgba(var(--ax-sys-color-accent2-900));
1417
- --color-accent2-950: rgba(var(--ax-sys-color-accent2-950));
1409
+ --ax-sys-color-accent-darkest-surface: 0, 163, 193;
1410
+ --ax-sys-color-on-accent-darkest-surface: 0, 27, 38;
1411
+ --ax-sys-color-border-accent-darkest-surface: 0, 202, 239;
1418
1412
 
1419
- --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
1420
- --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
1421
- --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
1422
- --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
1423
- --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
1424
- --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
1425
- --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
1426
- --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
1427
- --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
1428
- --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1429
- --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
1430
- --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
1431
- --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
1432
- --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
1433
- --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
1434
- --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
1435
- --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
1436
- --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
1437
- --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1438
- --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1439
- --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1413
+ --ax-sys-color-accent1-lightest-surface: 255, 225, 255;
1414
+ --ax-sys-color-on-accent1-lightest-surface: 33, 13, 34;
1415
+ --ax-sys-color-border-accent1-lightest-surface: 255, 255, 255;
1440
1416
 
1441
- /* Accent 3 Surfaces */
1442
- --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1443
- --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1444
- --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1445
- --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
1446
- --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
1447
- --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
1448
- --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
1449
- --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
1450
- --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
1451
- --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
1452
- --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
1453
- --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
1417
+ --ax-sys-color-accent1-lighter-surface: 255, 199, 255;
1418
+ --ax-sys-color-on-accent1-lighter-surface: 42, 0, 44;
1419
+ --ax-sys-color-border-accent1-lighter-surface: 255, 245, 255;
1454
1420
 
1455
- --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
1456
- --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
1457
- --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
1458
- --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
1459
- --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
1460
- --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
1461
- --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
1462
- --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
1463
- --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
1464
- --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1465
- --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
1466
- --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
1467
- --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
1468
- --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
1469
- --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
1470
- --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
1471
- --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
1472
- --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
1473
- --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1474
- --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1475
- --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1421
+ --ax-sys-color-accent1-light-surface: 255, 172, 255;
1422
+ --ax-sys-color-on-accent1-light-surface: 45, 0, 48;
1423
+ --ax-sys-color-border-accent1-light-surface: 255, 218, 255;
1476
1424
 
1477
- /* Accent 4 Surfaces */
1478
- --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1479
- --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1480
- --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1481
- --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
1482
- --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
1483
- --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
1484
- --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
1485
- --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
1486
- --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
1487
- --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
1488
- --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
1489
- --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
1425
+ --ax-sys-color-accent1-surface: 248, 109, 255;
1426
+ --ax-sys-color-on-accent1-surface: 45, 0, 49;
1427
+ --ax-sys-color-border-accent1-surface: 250, 155, 255;
1490
1428
 
1491
- --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
1492
- --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
1493
- --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
1494
- --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
1495
- --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
1496
- --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
1497
- --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
1498
- --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
1499
- --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
1500
- --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1501
- --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
1502
- --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
1503
- --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
1504
- --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
1505
- --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
1506
- --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
1507
- --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
1508
- --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
1509
- --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1510
- --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1511
- --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1429
+ --ax-sys-color-accent1-dark-surface: 233, 88, 255;
1430
+ --ax-sys-color-on-accent1-dark-surface: 44, 0, 52;
1431
+ --ax-sys-color-border-accent1-dark-surface: 239, 134, 255;
1512
1432
 
1513
- /* Accent 5 Surfaces */
1514
- --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1515
- --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
1516
- --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
1517
- --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
1518
- --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
1519
- --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
1520
- --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
1521
- --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
1522
- --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
1523
- --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
1524
- --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
1525
- --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
1433
+ --ax-sys-color-accent1-darker-surface: 217, 70, 239;
1434
+ --ax-sys-color-on-accent1-darker-surface: 44, 0, 52;
1435
+ --ax-sys-color-border-accent1-darker-surface: 226, 112, 243;
1526
1436
 
1527
- --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
1528
- --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
1529
- --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
1530
- --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
1531
- --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
1532
- --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
1533
- --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
1534
- --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
1535
- --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
1536
- --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1537
- --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
1538
- --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
1539
- --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
1540
- --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
1541
- --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
1542
- --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
1543
- --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
1544
- --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
1545
- --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
1546
- --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
1547
- --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
1437
+ --ax-sys-color-accent1-darkest-surface: 199, 48, 221;
1438
+ --ax-sys-color-on-accent1-darkest-surface: 44, 0, 52;
1439
+ --ax-sys-color-border-accent1-darkest-surface: 210, 87, 227;
1548
1440
 
1549
- /* Accent 6 Surfaces */
1550
- --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1551
- --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
1552
- --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
1553
- --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
1554
- --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
1555
- --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
1556
- --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
1557
- --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
1558
- --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
1559
- --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
1560
- --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
1561
- --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
1441
+ --ax-sys-color-accent2-lightest-surface: 255, 232, 214;
1442
+ --ax-sys-color-on-accent2-lightest-surface: 33, 18, 5;
1443
+ --ax-sys-color-border-accent2-lightest-surface: 255, 255, 255;
1562
1444
 
1563
- --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
1564
- --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
1565
- --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
1566
- --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
1567
- --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
1568
- --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
1569
- --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
1570
- --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
1571
- --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
1572
- --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1573
- --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
1574
- --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
1575
- --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
1576
- --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
1577
- --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
1578
- --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
1579
- --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
1580
- --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
1581
- --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1582
- --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1583
- --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1584
- }
1445
+ --ax-sys-color-accent2-lighter-surface: 255, 213, 186;
1446
+ --ax-sys-color-on-accent2-lighter-surface: 41, 12, 0;
1447
+ --ax-sys-color-border-accent2-lighter-surface: 255, 241, 232;
1585
1448
 
1586
- /*
1587
- * Re-declare every Tailwind theme color alias for the `.ax-dark` subtree.
1588
- *
1589
- * Why this exists:
1590
- * `@theme { --color-lightest: rgba(var(--ax-sys-color-lightest-surface)); ... }`
1591
- * is emitted by Tailwind only on `:root`. Per the CSS spec, the inner
1592
- * `var(--ax-sys-color-*)` references are substituted at computed-value time
1593
- * on the declaring element (`:root`), so the resolved alias values are baked
1594
- * to the LIGHT primitives and inherited downward unchanged.
1595
- *
1596
- * Result: a sub-tree `.ax-dark` flips the `--ax-sys-color-*` primitives but
1597
- * the `--color-*` aliases (consumed by Tailwind utilities like `bg-lightest`,
1598
- * `text-on-surface`, `border-default`) stay light, and a localized dark zone
1599
- * inside an otherwise light page does not actually go dark.
1600
- *
1601
- * This block re-declares the aliases on `.ax-dark` so they are recomputed
1602
- * against the dark primitives wherever `.ax-dark` appears in the DOM.
1603
- * Pure static aliases (`--radius-default`, `--breakpoint-*`) are intentionally
1604
- * omitted because they do not depend on `--ax-sys-color-*`.
1605
- */
1606
- :root.ax-dark,
1607
- .ax-dark {
1608
- --color-bg-default: rgba(var(--ax-sys-color-bg-default));
1609
- --color-text-default: rgba(var(--ax-sys-color-text-default));
1610
- --color-border-default: rgba(var(--ax-sys-color-border-default));
1449
+ --ax-sys-color-accent2-light-surface: 255, 194, 157;
1450
+ --ax-sys-color-on-accent2-light-surface: 46, 7, 0;
1451
+ --ax-sys-color-border-accent2-light-surface: 255, 223, 203;
1611
1452
 
1612
- /* Surface Surfaces */
1613
- --color-surface: rgba(var(--ax-sys-color-surface));
1614
- --color-surface-50: rgba(var(--ax-sys-color-surface-50));
1615
- --color-surface-100: rgba(var(--ax-sys-color-surface-100));
1616
- --color-surface-200: rgba(var(--ax-sys-color-surface-200));
1617
- --color-surface-300: rgba(var(--ax-sys-color-surface-300));
1618
- --color-surface-400: rgba(var(--ax-sys-color-surface-400));
1619
- --color-surface-500: rgba(var(--ax-sys-color-surface-500));
1620
- --color-surface-600: rgba(var(--ax-sys-color-surface-600));
1621
- --color-surface-700: rgba(var(--ax-sys-color-surface-700));
1622
- --color-surface-800: rgba(var(--ax-sys-color-surface-800));
1623
- --color-surface-900: rgba(var(--ax-sys-color-surface-900));
1624
- --color-surface-950: rgba(var(--ax-sys-color-surface-950));
1453
+ --ax-sys-color-accent2-surface: 255, 151, 89;
1454
+ --ax-sys-color-on-accent2-surface: 47, 6, 0;
1455
+ --ax-sys-color-border-accent2-surface: 255, 180, 135;
1456
+
1457
+ --ax-sys-color-accent2-dark-surface: 255, 129, 45;
1458
+ --ax-sys-color-on-accent2-dark-surface: 47, 5, 0;
1459
+ --ax-sys-color-border-accent2-dark-surface: 255, 157, 91;
1460
+
1461
+ --ax-sys-color-accent2-darker-surface: 249, 115, 22;
1462
+ --ax-sys-color-on-accent2-darker-surface: 48, 4, 0;
1463
+ --ax-sys-color-border-accent2-darker-surface: 250, 142, 67;
1625
1464
 
1626
- --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
1627
- --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
1628
- --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
1629
- --color-lighter: rgba(var(--ax-sys-color-lighter-surface));
1630
- --color-on-lighter: rgba(var(--ax-sys-color-on-lighter-surface));
1631
- --color-border-lighter: rgba(var(--ax-sys-color-border-lighter-surface));
1632
- --color-light: rgba(var(--ax-sys-color-light-surface));
1633
- --color-on-light: rgba(var(--ax-sys-color-on-light-surface));
1634
- --color-border-light: rgba(var(--ax-sys-color-border-light-surface));
1635
- --color-on-surface: rgba(var(--ax-sys-color-on-surface));
1636
- --color-border-surface: rgba(var(--ax-sys-color-border-surface));
1637
- --color-dark: rgba(var(--ax-sys-color-dark-surface));
1638
- --color-on-dark: rgba(var(--ax-sys-color-on-dark-surface));
1639
- --color-border-dark: rgba(var(--ax-sys-color-border-dark-surface));
1640
- --color-darker: rgba(var(--ax-sys-color-darker-surface));
1641
- --color-on-darker: rgba(var(--ax-sys-color-on-darker-surface));
1642
- --color-border-darker: rgba(var(--ax-sys-color-border-darker-surface));
1643
- --color-darkest: rgba(var(--ax-sys-color-darkest-surface));
1644
- --color-on-darkest: rgba(var(--ax-sys-color-on-darkest-surface));
1645
- --color-border-darkest: rgba(var(--ax-sys-color-border-darkest-surface));
1465
+ --ax-sys-color-accent2-darkest-surface: 228, 96, 0;
1466
+ --ax-sys-color-on-accent2-darkest-surface: 49, 3, 0;
1467
+ --ax-sys-color-border-accent2-darkest-surface: 255, 118, 19;
1646
1468
 
1647
- /* Primary Surfaces */
1648
- --color-primary: rgba(var(--ax-sys-color-primary-surface));
1649
- --color-primary-50: rgba(var(--ax-sys-color-primary-50));
1650
- --color-primary-100: rgba(var(--ax-sys-color-primary-100));
1651
- --color-primary-200: rgba(var(--ax-sys-color-primary-200));
1652
- --color-primary-300: rgba(var(--ax-sys-color-primary-300));
1653
- --color-primary-400: rgba(var(--ax-sys-color-primary-400));
1654
- --color-primary-500: rgba(var(--ax-sys-color-primary-500));
1655
- --color-primary-600: rgba(var(--ax-sys-color-primary-600));
1656
- --color-primary-700: rgba(var(--ax-sys-color-primary-700));
1657
- --color-primary-800: rgba(var(--ax-sys-color-primary-800));
1658
- --color-primary-900: rgba(var(--ax-sys-color-primary-900));
1659
- --color-primary-950: rgba(var(--ax-sys-color-primary-950));
1469
+ --ax-sys-color-accent3-lightest-surface: 166, 255, 246;
1470
+ --ax-sys-color-on-accent3-lightest-surface: 0, 29, 26;
1471
+ --ax-sys-color-border-accent3-lightest-surface: 212, 255, 251;
1660
1472
 
1661
- --color-primary-lightest: rgba(var(--ax-sys-color-primary-lightest-surface));
1662
- --color-on-primary-lightest: rgba(var(--ax-sys-color-on-primary-lightest-surface));
1663
- --color-border-primary-lightest: rgba(var(--ax-sys-color-border-primary-lightest-surface));
1664
- --color-primary-lighter: rgba(var(--ax-sys-color-primary-lighter-surface));
1665
- --color-on-primary-lighter: rgba(var(--ax-sys-color-on-primary-lighter-surface));
1666
- --color-border-primary-lighter: rgba(var(--ax-sys-color-border-primary-lighter-surface));
1667
- --color-primary-light: rgba(var(--ax-sys-color-primary-light-surface));
1668
- --color-on-primary-light: rgba(var(--ax-sys-color-on-primary-light-surface));
1669
- --color-border-primary-light: rgba(var(--ax-sys-color-border-primary-light-surface));
1670
- --color-on-primary: rgba(var(--ax-sys-color-on-primary-surface));
1671
- --color-border-primary: rgba(var(--ax-sys-color-border-primary-surface));
1672
- --color-primary-dark: rgba(var(--ax-sys-color-primary-dark-surface));
1673
- --color-on-primary-dark: rgba(var(--ax-sys-color-on-primary-dark-surface));
1674
- --color-border-primary-dark: rgba(var(--ax-sys-color-border-primary-dark-surface));
1675
- --color-primary-darker: rgba(var(--ax-sys-color-primary-darker-surface));
1676
- --color-on-primary-darker: rgba(var(--ax-sys-color-on-primary-darker-surface));
1677
- --color-border-primary-darker: rgba(var(--ax-sys-color-border-primary-darker-surface));
1678
- --color-primary-darkest: rgba(var(--ax-sys-color-primary-darkest-surface));
1679
- --color-on-primary-darkest: rgba(var(--ax-sys-color-on-primary-darkest-surface));
1680
- --color-border-primary-darkest: rgba(var(--ax-sys-color-border-primary-darkest-surface));
1473
+ --ax-sys-color-accent3-lighter-surface: 118, 254, 234;
1474
+ --ax-sys-color-on-accent3-lighter-surface: 0, 30, 24;
1475
+ --ax-sys-color-border-accent3-lighter-surface: 164, 254, 241;
1681
1476
 
1682
- /* Secondary Surfaces */
1683
- --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
1684
- --color-secondary-50: rgba(var(--ax-sys-color-secondary-50));
1685
- --color-secondary-100: rgba(var(--ax-sys-color-secondary-100));
1686
- --color-secondary-200: rgba(var(--ax-sys-color-secondary-200));
1687
- --color-secondary-300: rgba(var(--ax-sys-color-secondary-300));
1688
- --color-secondary-400: rgba(var(--ax-sys-color-secondary-400));
1689
- --color-secondary-500: rgba(var(--ax-sys-color-secondary-500));
1690
- --color-secondary-600: rgba(var(--ax-sys-color-secondary-600));
1691
- --color-secondary-700: rgba(var(--ax-sys-color-secondary-700));
1692
- --color-secondary-800: rgba(var(--ax-sys-color-secondary-800));
1693
- --color-secondary-900: rgba(var(--ax-sys-color-secondary-900));
1694
- --color-secondary-950: rgba(var(--ax-sys-color-secondary-950));
1477
+ --ax-sys-color-accent3-light-surface: 102, 240, 220;
1478
+ --ax-sys-color-on-accent3-light-surface: 0, 30, 24;
1479
+ --ax-sys-color-border-accent3-light-surface: 144, 244, 230;
1695
1480
 
1696
- --color-secondary-lightest: rgba(var(--ax-sys-color-secondary-lightest-surface));
1697
- --color-on-secondary-lightest: rgba(var(--ax-sys-color-on-secondary-lightest-surface));
1698
- --color-border-secondary-lightest: rgba(var(--ax-sys-color-border-secondary-lightest-surface));
1699
- --color-secondary-lighter: rgba(var(--ax-sys-color-secondary-lighter-surface));
1700
- --color-on-secondary-lighter: rgba(var(--ax-sys-color-on-secondary-lighter-surface));
1701
- --color-border-secondary-lighter: rgba(var(--ax-sys-color-border-secondary-lighter-surface));
1702
- --color-secondary-light: rgba(var(--ax-sys-color-secondary-light-surface));
1703
- --color-on-secondary-light: rgba(var(--ax-sys-color-on-secondary-light-surface));
1704
- --color-border-secondary-light: rgba(var(--ax-sys-color-border-secondary-light-surface));
1705
- --color-on-secondary: rgba(var(--ax-sys-color-on-secondary-surface));
1706
- --color-border-secondary: rgba(var(--ax-sys-color-border-secondary-surface));
1707
- --color-secondary-dark: rgba(var(--ax-sys-color-secondary-dark-surface));
1708
- --color-on-secondary-dark: rgba(var(--ax-sys-color-on-secondary-dark-surface));
1709
- --color-border-secondary-dark: rgba(var(--ax-sys-color-border-secondary-dark-surface));
1710
- --color-secondary-darker: rgba(var(--ax-sys-color-secondary-darker-surface));
1711
- --color-on-secondary-darker: rgba(var(--ax-sys-color-on-secondary-darker-surface));
1712
- --color-border-secondary-darker: rgba(var(--ax-sys-color-border-secondary-darker-surface));
1713
- --color-secondary-darkest: rgba(var(--ax-sys-color-secondary-darkest-surface));
1714
- --color-on-secondary-darkest: rgba(var(--ax-sys-color-on-secondary-darkest-surface));
1715
- --color-border-secondary-darkest: rgba(var(--ax-sys-color-border-secondary-darkest-surface));
1481
+ --ax-sys-color-accent3-surface: 69, 212, 193;
1482
+ --ax-sys-color-on-accent3-surface: 0, 30, 24;
1483
+ --ax-sys-color-border-accent3-surface: 106, 221, 205;
1716
1484
 
1717
- /* Success Surfaces */
1718
- --color-success: rgba(var(--ax-sys-color-success-surface));
1719
- --color-success-50: rgba(var(--ax-sys-color-success-50));
1720
- --color-success-100: rgba(var(--ax-sys-color-success-100));
1721
- --color-success-200: rgba(var(--ax-sys-color-success-200));
1722
- --color-success-300: rgba(var(--ax-sys-color-success-300));
1723
- --color-success-400: rgba(var(--ax-sys-color-success-400));
1724
- --color-success-500: rgba(var(--ax-sys-color-success-500));
1725
- --color-success-600: rgba(var(--ax-sys-color-success-600));
1726
- --color-success-700: rgba(var(--ax-sys-color-success-700));
1727
- --color-success-800: rgba(var(--ax-sys-color-success-800));
1728
- --color-success-900: rgba(var(--ax-sys-color-success-900));
1729
- --color-success-950: rgba(var(--ax-sys-color-success-950));
1485
+ --ax-sys-color-accent3-dark-surface: 49, 198, 179;
1486
+ --ax-sys-color-on-accent3-dark-surface: 0, 30, 24;
1487
+ --ax-sys-color-border-accent3-dark-surface: 81, 212, 195;
1730
1488
 
1731
- --color-success-lightest: rgba(var(--ax-sys-color-success-lightest-surface));
1732
- --color-on-success-lightest: rgba(var(--ax-sys-color-on-success-lightest-surface));
1733
- --color-border-success-lightest: rgba(var(--ax-sys-color-border-success-lightest-surface));
1734
- --color-success-lighter: rgba(var(--ax-sys-color-success-lighter-surface));
1735
- --color-on-success-lighter: rgba(var(--ax-sys-color-on-success-lighter-surface));
1736
- --color-border-success-lighter: rgba(var(--ax-sys-color-border-success-lighter-surface));
1737
- --color-success-light: rgba(var(--ax-sys-color-success-light-surface));
1738
- --color-on-success-light: rgba(var(--ax-sys-color-on-success-light-surface));
1739
- --color-border-success-light: rgba(var(--ax-sys-color-border-success-light-surface));
1740
- --color-on-success: rgba(var(--ax-sys-color-on-success-surface));
1741
- --color-border-success: rgba(var(--ax-sys-color-border-success-surface));
1742
- --color-success-dark: rgba(var(--ax-sys-color-success-dark-surface));
1743
- --color-on-success-dark: rgba(var(--ax-sys-color-on-success-dark-surface));
1744
- --color-border-success-dark: rgba(var(--ax-sys-color-border-success-dark-surface));
1745
- --color-success-darker: rgba(var(--ax-sys-color-success-darker-surface));
1746
- --color-on-success-darker: rgba(var(--ax-sys-color-on-success-darker-surface));
1747
- --color-border-success-darker: rgba(var(--ax-sys-color-border-success-darker-surface));
1748
- --color-success-darkest: rgba(var(--ax-sys-color-success-darkest-surface));
1749
- --color-on-success-darkest: rgba(var(--ax-sys-color-on-success-darkest-surface));
1750
- --color-border-success-darkest: rgba(var(--ax-sys-color-border-success-darkest-surface));
1489
+ --ax-sys-color-accent3-darker-surface: 20, 184, 166;
1490
+ --ax-sys-color-on-accent3-darker-surface: 0, 30, 24;
1491
+ --ax-sys-color-border-accent3-darker-surface: 25, 225, 203;
1751
1492
 
1752
- /* Warning Surfaces */
1753
- --color-warning: rgba(var(--ax-sys-color-warning-surface));
1754
- --color-warning-50: rgba(var(--ax-sys-color-warning-50));
1755
- --color-warning-100: rgba(var(--ax-sys-color-warning-100));
1756
- --color-warning-200: rgba(var(--ax-sys-color-warning-200));
1757
- --color-warning-300: rgba(var(--ax-sys-color-warning-300));
1758
- --color-warning-400: rgba(var(--ax-sys-color-warning-400));
1759
- --color-warning-500: rgba(var(--ax-sys-color-warning-500));
1760
- --color-warning-600: rgba(var(--ax-sys-color-warning-600));
1761
- --color-warning-700: rgba(var(--ax-sys-color-warning-700));
1762
- --color-warning-800: rgba(var(--ax-sys-color-warning-800));
1763
- --color-warning-900: rgba(var(--ax-sys-color-warning-900));
1764
- --color-warning-950: rgba(var(--ax-sys-color-warning-950));
1493
+ --ax-sys-color-accent3-darkest-surface: 0, 166, 148;
1494
+ --ax-sys-color-on-accent3-darkest-surface: 0, 30, 24;
1495
+ --ax-sys-color-border-accent3-darkest-surface: 0, 212, 189;
1765
1496
 
1766
- --color-warning-lightest: rgba(var(--ax-sys-color-warning-lightest-surface));
1767
- --color-on-warning-lightest: rgba(var(--ax-sys-color-on-warning-lightest-surface));
1768
- --color-border-warning-lightest: rgba(var(--ax-sys-color-border-warning-lightest-surface));
1769
- --color-warning-lighter: rgba(var(--ax-sys-color-warning-lighter-surface));
1770
- --color-on-warning-lighter: rgba(var(--ax-sys-color-on-warning-lighter-surface));
1771
- --color-border-warning-lighter: rgba(var(--ax-sys-color-border-warning-lighter-surface));
1772
- --color-warning-light: rgba(var(--ax-sys-color-warning-light-surface));
1773
- --color-on-warning-light: rgba(var(--ax-sys-color-on-warning-light-surface));
1774
- --color-border-warning-light: rgba(var(--ax-sys-color-border-warning-light-surface));
1775
- --color-on-warning: rgba(var(--ax-sys-color-on-warning-surface));
1776
- --color-border-warning: rgba(var(--ax-sys-color-border-warning-surface));
1777
- --color-warning-dark: rgba(var(--ax-sys-color-warning-dark-surface));
1778
- --color-on-warning-dark: rgba(var(--ax-sys-color-on-warning-dark-surface));
1779
- --color-border-warning-dark: rgba(var(--ax-sys-color-border-warning-dark-surface));
1780
- --color-warning-darker: rgba(var(--ax-sys-color-warning-darker-surface));
1781
- --color-on-warning-darker: rgba(var(--ax-sys-color-on-warning-darker-surface));
1782
- --color-border-warning-darker: rgba(var(--ax-sys-color-border-warning-darker-surface));
1783
- --color-warning-darkest: rgba(var(--ax-sys-color-warning-darkest-surface));
1784
- --color-on-warning-darkest: rgba(var(--ax-sys-color-on-warning-darkest-surface));
1785
- --color-border-warning-darkest: rgba(var(--ax-sys-color-border-warning-darkest-surface));
1497
+ --ax-sys-color-accent4-lightest-surface: 226, 233, 255;
1498
+ --ax-sys-color-on-accent4-lightest-surface: 17, 21, 36;
1499
+ --ax-sys-color-border-accent4-lightest-surface: 255, 255, 255;
1786
1500
 
1787
- /* Danger Surfaces */
1788
- --color-danger: rgba(var(--ax-sys-color-danger-surface));
1789
- --color-danger-50: rgba(var(--ax-sys-color-danger-50));
1790
- --color-danger-100: rgba(var(--ax-sys-color-danger-100));
1791
- --color-danger-200: rgba(var(--ax-sys-color-danger-200));
1792
- --color-danger-300: rgba(var(--ax-sys-color-danger-300));
1793
- --color-danger-400: rgba(var(--ax-sys-color-danger-400));
1794
- --color-danger-500: rgba(var(--ax-sys-color-danger-500));
1795
- --color-danger-600: rgba(var(--ax-sys-color-danger-600));
1796
- --color-danger-700: rgba(var(--ax-sys-color-danger-700));
1797
- --color-danger-800: rgba(var(--ax-sys-color-danger-800));
1798
- --color-danger-900: rgba(var(--ax-sys-color-danger-900));
1799
- --color-danger-950: rgba(var(--ax-sys-color-danger-950));
1501
+ --ax-sys-color-accent4-lighter-surface: 202, 212, 255;
1502
+ --ax-sys-color-on-accent4-lighter-surface: 15, 18, 49;
1503
+ --ax-sys-color-border-accent4-lighter-surface: 248, 249, 255;
1800
1504
 
1801
- --color-danger-lightest: rgba(var(--ax-sys-color-danger-lightest-surface));
1802
- --color-on-danger-lightest: rgba(var(--ax-sys-color-on-danger-lightest-surface));
1803
- --color-border-danger-lightest: rgba(var(--ax-sys-color-border-danger-lightest-surface));
1804
- --color-danger-lighter: rgba(var(--ax-sys-color-danger-lighter-surface));
1805
- --color-on-danger-lighter: rgba(var(--ax-sys-color-on-danger-lighter-surface));
1806
- --color-border-danger-lighter: rgba(var(--ax-sys-color-border-danger-lighter-surface));
1807
- --color-danger-light: rgba(var(--ax-sys-color-danger-light-surface));
1808
- --color-on-danger-light: rgba(var(--ax-sys-color-on-danger-light-surface));
1809
- --color-border-danger-light: rgba(var(--ax-sys-color-border-danger-light-surface));
1810
- --color-on-danger: rgba(var(--ax-sys-color-on-danger-surface));
1811
- --color-border-danger: rgba(var(--ax-sys-color-border-danger-surface));
1812
- --color-danger-dark: rgba(var(--ax-sys-color-danger-dark-surface));
1813
- --color-on-danger-dark: rgba(var(--ax-sys-color-on-danger-dark-surface));
1814
- --color-border-danger-dark: rgba(var(--ax-sys-color-border-danger-dark-surface));
1815
- --color-danger-darker: rgba(var(--ax-sys-color-danger-darker-surface));
1816
- --color-on-danger-darker: rgba(var(--ax-sys-color-on-danger-darker-surface));
1817
- --color-border-danger-darker: rgba(var(--ax-sys-color-border-danger-darker-surface));
1818
- --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
1819
- --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
1820
- --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
1505
+ --ax-sys-color-accent4-light-surface: 178, 190, 255;
1506
+ --ax-sys-color-on-accent4-light-surface: 14, 12, 63;
1507
+ --ax-sys-color-border-accent4-light-surface: 224, 229, 255;
1821
1508
 
1822
- /* Accent Surfaces */
1823
- --color-accent: rgba(var(--ax-sys-color-accent-surface));
1824
- --color-accent-50: rgba(var(--ax-sys-color-accent-50));
1825
- --color-accent-100: rgba(var(--ax-sys-color-accent-100));
1826
- --color-accent-200: rgba(var(--ax-sys-color-accent-200));
1827
- --color-accent-300: rgba(var(--ax-sys-color-accent-300));
1828
- --color-accent-400: rgba(var(--ax-sys-color-accent-400));
1829
- --color-accent-500: rgba(var(--ax-sys-color-accent-500));
1830
- --color-accent-600: rgba(var(--ax-sys-color-accent-600));
1831
- --color-accent-700: rgba(var(--ax-sys-color-accent-700));
1832
- --color-accent-800: rgba(var(--ax-sys-color-accent-800));
1833
- --color-accent-900: rgba(var(--ax-sys-color-accent-900));
1834
- --color-accent-950: rgba(var(--ax-sys-color-accent-950));
1509
+ --ax-sys-color-accent4-surface: 134, 144, 255;
1510
+ --ax-sys-color-on-accent4-surface: 18, 0, 85;
1511
+ --ax-sys-color-border-accent4-surface: 180, 186, 255;
1835
1512
 
1836
- --color-accent-lightest: rgba(var(--ax-sys-color-accent-lightest-surface));
1837
- --color-on-accent-lightest: rgba(var(--ax-sys-color-on-accent-lightest-surface));
1838
- --color-border-accent-lightest: rgba(var(--ax-sys-color-border-accent-lightest-surface));
1839
- --color-accent-lighter: rgba(var(--ax-sys-color-accent-lighter-surface));
1840
- --color-on-accent-lighter: rgba(var(--ax-sys-color-on-accent-lighter-surface));
1841
- --color-border-accent-lighter: rgba(var(--ax-sys-color-border-accent-lighter-surface));
1842
- --color-accent-light: rgba(var(--ax-sys-color-accent-light-surface));
1843
- --color-on-accent-light: rgba(var(--ax-sys-color-on-accent-light-surface));
1844
- --color-border-accent-light: rgba(var(--ax-sys-color-border-accent-light-surface));
1845
- --color-on-accent: rgba(var(--ax-sys-color-on-accent-surface));
1846
- --color-border-accent: rgba(var(--ax-sys-color-border-accent-surface));
1847
- --color-accent-dark: rgba(var(--ax-sys-color-accent-dark-surface));
1848
- --color-on-accent-dark: rgba(var(--ax-sys-color-on-accent-dark-surface));
1849
- --color-border-accent-dark: rgba(var(--ax-sys-color-border-accent-dark-surface));
1850
- --color-accent-darker: rgba(var(--ax-sys-color-accent-darker-surface));
1851
- --color-on-accent-darker: rgba(var(--ax-sys-color-on-accent-darker-surface));
1852
- --color-border-accent-darker: rgba(var(--ax-sys-color-border-accent-darker-surface));
1853
- --color-accent-darkest: rgba(var(--ax-sys-color-accent-darkest-surface));
1854
- --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
1855
- --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
1513
+ --ax-sys-color-accent4-dark-surface: 115, 121, 255;
1514
+ --ax-sys-color-on-accent4-dark-surface: 18, 0, 85;
1515
+ --ax-sys-color-border-accent4-dark-surface: 161, 165, 255;
1856
1516
 
1857
- /* Accent 1 Surfaces */
1858
- --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1859
- --color-accent1-50: rgba(var(--ax-sys-color-accent1-50));
1860
- --color-accent1-100: rgba(var(--ax-sys-color-accent1-100));
1861
- --color-accent1-200: rgba(var(--ax-sys-color-accent1-200));
1862
- --color-accent1-300: rgba(var(--ax-sys-color-accent1-300));
1863
- --color-accent1-400: rgba(var(--ax-sys-color-accent1-400));
1864
- --color-accent1-500: rgba(var(--ax-sys-color-accent1-500));
1865
- --color-accent1-600: rgba(var(--ax-sys-color-accent1-600));
1866
- --color-accent1-700: rgba(var(--ax-sys-color-accent1-700));
1867
- --color-accent1-800: rgba(var(--ax-sys-color-accent1-800));
1868
- --color-accent1-900: rgba(var(--ax-sys-color-accent1-900));
1869
- --color-accent1-950: rgba(var(--ax-sys-color-accent1-950));
1517
+ --ax-sys-color-accent4-darker-surface: 99, 102, 241;
1518
+ --ax-sys-color-on-accent4-darker-surface: 18, 0, 85;
1519
+ --ax-sys-color-border-accent4-darker-surface: 141, 143, 245;
1870
1520
 
1871
- --color-accent1-lightest: rgba(var(--ax-sys-color-accent1-lightest-surface));
1872
- --color-on-accent1-lightest: rgba(var(--ax-sys-color-on-accent1-lightest-surface));
1873
- --color-border-accent1-lightest: rgba(var(--ax-sys-color-border-accent1-lightest-surface));
1874
- --color-accent1-lighter: rgba(var(--ax-sys-color-accent1-lighter-surface));
1875
- --color-on-accent1-lighter: rgba(var(--ax-sys-color-on-accent1-lighter-surface));
1876
- --color-border-accent1-lighter: rgba(var(--ax-sys-color-border-accent1-lighter-surface));
1877
- --color-accent1-light: rgba(var(--ax-sys-color-accent1-light-surface));
1878
- --color-on-accent1-light: rgba(var(--ax-sys-color-on-accent1-light-surface));
1879
- --color-border-accent1-light: rgba(var(--ax-sys-color-border-accent1-light-surface));
1880
- --color-on-accent1: rgba(var(--ax-sys-color-on-accent1-surface));
1881
- --color-border-accent1: rgba(var(--ax-sys-color-border-accent1-surface));
1882
- --color-accent1-dark: rgba(var(--ax-sys-color-accent1-dark-surface));
1883
- --color-on-accent1-dark: rgba(var(--ax-sys-color-on-accent1-dark-surface));
1884
- --color-border-accent1-dark: rgba(var(--ax-sys-color-border-accent1-dark-surface));
1885
- --color-accent1-darker: rgba(var(--ax-sys-color-accent1-darker-surface));
1886
- --color-on-accent1-darker: rgba(var(--ax-sys-color-on-accent1-darker-surface));
1887
- --color-border-accent1-darker: rgba(var(--ax-sys-color-border-accent1-darker-surface));
1888
- --color-accent1-darkest: rgba(var(--ax-sys-color-accent1-darkest-surface));
1889
- --color-on-accent1-darkest: rgba(var(--ax-sys-color-on-accent1-darkest-surface));
1890
- --color-border-accent1-darkest: rgba(var(--ax-sys-color-border-accent1-darkest-surface));
1521
+ --ax-sys-color-accent4-darkest-surface: 88, 89, 227;
1522
+ --ax-sys-color-on-accent4-darkest-surface: 18, 0, 86;
1523
+ --ax-sys-color-border-accent4-darkest-surface: 127, 128, 234;
1891
1524
 
1892
- /* Accent 2 Surfaces */
1893
- --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1894
- --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
1895
- --color-accent2-100: rgba(var(--ax-sys-color-accent2-100));
1896
- --color-accent2-200: rgba(var(--ax-sys-color-accent2-200));
1897
- --color-accent2-300: rgba(var(--ax-sys-color-accent2-300));
1898
- --color-accent2-400: rgba(var(--ax-sys-color-accent2-400));
1899
- --color-accent2-500: rgba(var(--ax-sys-color-accent2-500));
1900
- --color-accent2-600: rgba(var(--ax-sys-color-accent2-600));
1901
- --color-accent2-700: rgba(var(--ax-sys-color-accent2-700));
1902
- --color-accent2-800: rgba(var(--ax-sys-color-accent2-800));
1903
- --color-accent2-900: rgba(var(--ax-sys-color-accent2-900));
1904
- --color-accent2-950: rgba(var(--ax-sys-color-accent2-950));
1525
+ --ax-sys-color-accent5-lightest-surface: 255, 225, 241;
1526
+ --ax-sys-color-on-accent5-lightest-surface: 34, 14, 26;
1527
+ --ax-sys-color-border-accent5-lightest-surface: 255, 255, 255;
1905
1528
 
1906
- --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
1907
- --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
1908
- --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
1909
- --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
1910
- --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
1911
- --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
1912
- --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
1913
- --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
1914
- --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
1915
- --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
1916
- --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
1917
- --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
1918
- --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
1919
- --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
1920
- --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
1921
- --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
1922
- --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
1923
- --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1924
- --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1925
- --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1529
+ --ax-sys-color-accent5-lighter-surface: 255, 200, 226;
1530
+ --ax-sys-color-on-accent5-lighter-surface: 43, 5, 27;
1531
+ --ax-sys-color-border-accent5-lighter-surface: 255, 246, 250;
1926
1532
 
1927
- /* Accent 3 Surfaces */
1928
- --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1929
- --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1930
- --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1931
- --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
1932
- --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
1933
- --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
1934
- --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
1935
- --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
1936
- --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
1937
- --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
1938
- --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
1939
- --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
1533
+ --ax-sys-color-accent5-light-surface: 255, 174, 211;
1534
+ --ax-sys-color-on-accent5-light-surface: 51, 0, 28;
1535
+ --ax-sys-color-border-accent5-light-surface: 255, 220, 236;
1940
1536
 
1941
- --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
1942
- --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
1943
- --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
1944
- --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
1945
- --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
1946
- --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
1947
- --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
1948
- --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
1949
- --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
1950
- --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
1951
- --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
1952
- --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
1953
- --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
1954
- --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
1955
- --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
1956
- --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
1957
- --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
1958
- --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1959
- --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1960
- --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1537
+ --ax-sys-color-accent5-surface: 255, 113, 183;
1538
+ --ax-sys-color-on-accent5-surface: 52, 0, 27;
1539
+ --ax-sys-color-border-accent5-surface: 255, 159, 206;
1961
1540
 
1962
- /* Accent 4 Surfaces */
1963
- --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1964
- --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1965
- --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1966
- --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
1967
- --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
1968
- --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
1969
- --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
1970
- --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
1971
- --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
1972
- --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
1973
- --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
1974
- --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
1541
+ --ax-sys-color-accent5-dark-surface: 254, 89, 168;
1542
+ --ax-sys-color-on-accent5-dark-surface: 52, 0, 25;
1543
+ --ax-sys-color-border-accent5-dark-surface: 254, 135, 192;
1975
1544
 
1976
- --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
1977
- --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
1978
- --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
1979
- --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
1980
- --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
1981
- --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
1982
- --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
1983
- --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
1984
- --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
1985
- --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
1986
- --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
1987
- --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
1988
- --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
1989
- --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
1990
- --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
1991
- --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
1992
- --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
1993
- --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1994
- --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1995
- --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1545
+ --ax-sys-color-accent5-darker-surface: 236, 72, 153;
1546
+ --ax-sys-color-on-accent5-darker-surface: 52, 0, 25;
1547
+ --ax-sys-color-border-accent5-darker-surface: 240, 114, 176;
1996
1548
 
1997
- /* Accent 5 Surfaces */
1998
- --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1999
- --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
2000
- --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
2001
- --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
2002
- --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
2003
- --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
2004
- --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
2005
- --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
2006
- --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
2007
- --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
2008
- --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
2009
- --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
1549
+ --ax-sys-color-accent5-darkest-surface: 218, 53, 138;
1550
+ --ax-sys-color-on-accent5-darkest-surface: 52, 0, 25;
1551
+ --ax-sys-color-border-accent5-darkest-surface: 225, 92, 160;
2010
1552
 
2011
- --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
2012
- --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
2013
- --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
2014
- --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
2015
- --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
2016
- --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
2017
- --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
2018
- --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
2019
- --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
2020
- --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
2021
- --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
2022
- --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
2023
- --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
2024
- --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
2025
- --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
2026
- --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
2027
- --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
2028
- --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
2029
- --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
2030
- --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
1553
+ --ax-sys-color-accent6-lightest-surface: 240, 232, 226;
1554
+ --ax-sys-color-on-accent6-lightest-surface: 26, 21, 17;
1555
+ --ax-sys-color-border-accent6-lightest-surface: 255, 255, 255;
2031
1556
 
2032
- /* Accent 6 Surfaces */
2033
- --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
2034
- --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
2035
- --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
2036
- --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
2037
- --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
2038
- --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
2039
- --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
2040
- --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
2041
- --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
2042
- --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
2043
- --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
2044
- --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
1557
+ --ax-sys-color-accent6-lighter-surface: 219, 211, 206;
1558
+ --ax-sys-color-on-accent6-lighter-surface: 26, 21, 17;
1559
+ --ax-sys-color-border-accent6-lighter-surface: 238, 235, 232;
2045
1560
 
2046
- --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
2047
- --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
2048
- --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
2049
- --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
2050
- --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
2051
- --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
2052
- --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
2053
- --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
2054
- --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
2055
- --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
2056
- --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
2057
- --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
2058
- --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
2059
- --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
2060
- --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
2061
- --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
2062
- --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
2063
- --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
2064
- --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
2065
- --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1561
+ --ax-sys-color-accent6-light-surface: 198, 191, 185;
1562
+ --ax-sys-color-on-accent6-light-surface: 26, 21, 17;
1563
+ --ax-sys-color-border-accent6-light-surface: 219, 214, 210;
1564
+
1565
+ --ax-sys-color-accent6-surface: 158, 151, 146;
1566
+ --ax-sys-color-on-accent6-surface: 26, 21, 17;
1567
+ --ax-sys-color-border-accent6-surface: 180, 174, 170;
1568
+
1569
+ --ax-sys-color-accent6-dark-surface: 139, 132, 127;
1570
+ --ax-sys-color-on-accent6-dark-surface: 255, 252, 246;
1571
+ --ax-sys-color-border-accent6-dark-surface: 161, 155, 151;
1572
+
1573
+ --ax-sys-color-accent6-darker-surface: 120, 113, 108;
1574
+ --ax-sys-color-on-accent6-darker-surface: 255, 252, 246;
1575
+ --ax-sys-color-border-accent6-darker-surface: 143, 136, 131;
1576
+
1577
+ --ax-sys-color-accent6-darkest-surface: 109, 103, 98;
1578
+ --ax-sys-color-on-accent6-darkest-surface: 255, 252, 246;
1579
+ --ax-sys-color-border-accent6-darkest-surface: 133, 126, 120;
1580
+
1581
+ --ax-sys-color-bg-default: var(--ax-sys-color-darkest-surface);
1582
+ --ax-sys-color-text-default: var(--ax-sys-color-on-darkest-surface);
1583
+ --ax-sys-color-border-default: var(--ax-sys-color-border-darkest-surface);
2066
1584
  }
2067
1585
 
2068
1586
  @utility bg-default {