:root, [data-theme="light"] {
  color-scheme: light;
  --ma-primary-50: #EFFAF1;
  --ma-on-primary-50: #030711;
  --ma-primary-100: #DFF3E2;
  --ma-on-primary-100: #030711;
  --ma-primary-200: #C2E8C9;
  --ma-on-primary-200: #030711;
  --ma-primary-300: #9AD5A5;
  --ma-on-primary-300: #030711;
  --ma-primary-400: #6EBD80;
  --ma-on-primary-400: #030711;
  --ma-primary-500: #3C9956;
  --ma-on-primary-500: #030711;
  --ma-primary-600: #15803D;
  --ma-on-primary-600: #F8FAFE;
  --ma-primary-700: #006129;
  --ma-on-primary-700: #F8FAFE;
  --ma-primary-800: #004E20;
  --ma-on-primary-800: #F8FAFE;
  --ma-primary-900: #003C17;
  --ma-on-primary-900: #F8FAFE;
  --ma-primary-950: #00280D;
  --ma-on-primary-950: #F8FAFE;
  --ma-primary: #15803D;
  --ma-primary-hover: #006129;
  --ma-primary-active: #004E20;
  --ma-on-primary: #F8FAFE;
  --ma-primary-subtle: #EFFAF1;
  --ma-on-primary-subtle: #004E20;
  --ma-primary-text: #006129;
  --ma-secondary-50: #F3F7FF;
  --ma-on-secondary-50: #030711;
  --ma-secondary-100: #E4EDFF;
  --ma-on-secondary-100: #030711;
  --ma-secondary-200: #CBDDFF;
  --ma-on-secondary-200: #030711;
  --ma-secondary-300: #A5C4FF;
  --ma-on-secondary-300: #030711;
  --ma-secondary-400: #78A6FF;
  --ma-on-secondary-400: #030711;
  --ma-secondary-500: #3B79FE;
  --ma-on-secondary-500: #030711;
  --ma-secondary-600: #2563EB;
  --ma-on-secondary-600: #F8FAFE;
  --ma-secondary-700: #073FBC;
  --ma-on-secondary-700: #F8FAFE;
  --ma-secondary-800: #01309D;
  --ma-on-secondary-800: #F8FAFE;
  --ma-secondary-900: #01247A;
  --ma-on-secondary-900: #F8FAFE;
  --ma-secondary-950: #001656;
  --ma-on-secondary-950: #F8FAFE;
  --ma-secondary: #2563EB;
  --ma-secondary-hover: #073FBC;
  --ma-secondary-active: #01309D;
  --ma-on-secondary: #F8FAFE;
  --ma-secondary-subtle: #F3F7FF;
  --ma-on-secondary-subtle: #01309D;
  --ma-secondary-text: #073FBC;
  --ma-accent-50: #EFF8FF;
  --ma-on-accent-50: #030711;
  --ma-accent-100: #DBF0FF;
  --ma-on-accent-100: #030711;
  --ma-accent-200: #B9E3FF;
  --ma-on-accent-200: #030711;
  --ma-accent-300: #85CEFC;
  --ma-on-accent-300: #030711;
  --ma-accent-400: #0EA5E9;
  --ma-on-accent-400: #030711;
  --ma-accent-500: #008DC9;
  --ma-on-accent-500: #030711;
  --ma-accent-600: #006B9A;
  --ma-on-accent-600: #F8FAFE;
  --ma-accent-700: #00567D;
  --ma-on-accent-700: #F8FAFE;
  --ma-accent-800: #004565;
  --ma-on-accent-800: #F8FAFE;
  --ma-accent-900: #00354E;
  --ma-on-accent-900: #F8FAFE;
  --ma-accent-950: #002235;
  --ma-on-accent-950: #F8FAFE;
  --ma-accent: #006B9A;
  --ma-accent-hover: #00567D;
  --ma-accent-active: #004565;
  --ma-on-accent: #F8FAFE;
  --ma-accent-subtle: #EFF8FF;
  --ma-on-accent-subtle: #004565;
  --ma-accent-text: #00567D;
  --ma-neutral-50: #F8FAFE;
  --ma-on-neutral-50: #030711;
  --ma-neutral-100: #F1F5FB;
  --ma-on-neutral-100: #030711;
  --ma-neutral-200: #E0E8F5;
  --ma-on-neutral-200: #030711;
  --ma-neutral-300: #C9D5E8;
  --ma-on-neutral-300: #030711;
  --ma-neutral-400: #92A1B9;
  --ma-on-neutral-400: #030711;
  --ma-neutral-500: #5B6B85;
  --ma-on-neutral-500: #F8FAFE;
  --ma-neutral-600: #45556E;
  --ma-on-neutral-600: #F8FAFE;
  --ma-neutral-700: #334157;
  --ma-on-neutral-700: #F8FAFE;
  --ma-neutral-800: #1D293C;
  --ma-on-neutral-800: #F8FAFE;
  --ma-neutral-900: #0F1826;
  --ma-on-neutral-900: #F8FAFE;
  --ma-neutral-950: #030711;
  --ma-on-neutral-950: #F8FAFE;
  --ma-neutral: #45556E;
  --ma-neutral-hover: #334157;
  --ma-neutral-active: #1D293C;
  --ma-on-neutral: #F8FAFE;
  --ma-neutral-subtle: #F8FAFE;
  --ma-on-neutral-subtle: #1D293C;
  --ma-neutral-text: #334157;
  --ma-success-50: #EEFBEF;
  --ma-on-success-50: #030711;
  --ma-success-100: #DCF4E0;
  --ma-on-success-100: #030711;
  --ma-success-200: #BCEAC3;
  --ma-on-success-200: #030711;
  --ma-success-300: #8FD99C;
  --ma-on-success-300: #030711;
  --ma-success-400: #5CC173;
  --ma-on-success-400: #030711;
  --ma-success-500: #16A34A;
  --ma-on-success-500: #030711;
  --ma-success-600: #007832;
  --ma-on-success-600: #F8FAFE;
  --ma-success-700: #006127;
  --ma-on-success-700: #F8FAFE;
  --ma-success-800: #004E1E;
  --ma-on-success-800: #F8FAFE;
  --ma-success-900: #003C15;
  --ma-on-success-900: #F8FAFE;
  --ma-success-950: #00280B;
  --ma-on-success-950: #F8FAFE;
  --ma-success: #007832;
  --ma-success-hover: #006127;
  --ma-success-active: #004E1E;
  --ma-on-success: #F8FAFE;
  --ma-success-subtle: #EEFBEF;
  --ma-on-success-subtle: #004E1E;
  --ma-success-text: #006127;
  --ma-warning-50: #FFF5EA;
  --ma-on-warning-50: #030711;
  --ma-warning-100: #FDE9D3;
  --ma-on-warning-100: #030711;
  --ma-warning-200: #FBD5AB;
  --ma-on-warning-200: #030711;
  --ma-warning-300: #F1B873;
  --ma-on-warning-300: #030711;
  --ma-warning-400: #F59E0B;
  --ma-on-warning-400: #030711;
  --ma-warning-500: #B57300;
  --ma-on-warning-500: #030711;
  --ma-warning-600: #8A5600;
  --ma-on-warning-600: #F8FAFE;
  --ma-warning-700: #704500;
  --ma-on-warning-700: #F8FAFE;
  --ma-warning-800: #5A3700;
  --ma-on-warning-800: #F8FAFE;
  --ma-warning-900: #462900;
  --ma-on-warning-900: #F8FAFE;
  --ma-warning-950: #2F1A00;
  --ma-on-warning-950: #F8FAFE;
  --ma-warning: #8A5600;
  --ma-warning-hover: #704500;
  --ma-warning-active: #5A3700;
  --ma-on-warning: #F8FAFE;
  --ma-warning-subtle: #FFF5EA;
  --ma-on-warning-subtle: #5A3700;
  --ma-warning-text: #704500;
  --ma-danger-50: #FFF4F4;
  --ma-on-danger-50: #030711;
  --ma-danger-100: #FFE6E6;
  --ma-on-danger-100: #030711;
  --ma-danger-200: #FFCECF;
  --ma-on-danger-200: #030711;
  --ma-danger-300: #FFA9AC;
  --ma-on-danger-300: #030711;
  --ma-danger-400: #FF7680;
  --ma-on-danger-400: #030711;
  --ma-danger-500: #E11D48;
  --ma-on-danger-500: #F8FAFE;
  --ma-danger-600: #BA0036;
  --ma-on-danger-600: #F8FAFE;
  --ma-danger-700: #98002A;
  --ma-on-danger-700: #F8FAFE;
  --ma-danger-800: #7B0020;
  --ma-on-danger-800: #F8FAFE;
  --ma-danger-900: #600017;
  --ma-on-danger-900: #F8FAFE;
  --ma-danger-950: #42000D;
  --ma-on-danger-950: #F8FAFE;
  --ma-danger: #BA0036;
  --ma-danger-hover: #98002A;
  --ma-danger-active: #7B0020;
  --ma-on-danger: #F8FAFE;
  --ma-danger-subtle: #FFF4F4;
  --ma-on-danger-subtle: #7B0020;
  --ma-danger-text: #98002A;
  --ma-info-50: #F0F8FF;
  --ma-on-info-50: #030711;
  --ma-info-100: #DDF0FF;
  --ma-on-info-100: #030711;
  --ma-info-200: #BDE2FF;
  --ma-on-info-200: #030711;
  --ma-info-300: #8ECCFB;
  --ma-on-info-300: #030711;
  --ma-info-400: #5CB0EC;
  --ma-on-info-400: #030711;
  --ma-info-500: #0284C7;
  --ma-on-info-500: #030711;
  --ma-info-600: #0069A0;
  --ma-on-info-600: #F8FAFE;
  --ma-info-700: #005582;
  --ma-on-info-700: #F8FAFE;
  --ma-info-800: #00446A;
  --ma-on-info-800: #F8FAFE;
  --ma-info-900: #003452;
  --ma-on-info-900: #F8FAFE;
  --ma-info-950: #002238;
  --ma-on-info-950: #F8FAFE;
  --ma-info: #0069A0;
  --ma-info-hover: #005582;
  --ma-info-active: #00446A;
  --ma-on-info: #F8FAFE;
  --ma-info-subtle: #F0F8FF;
  --ma-on-info-subtle: #00446A;
  --ma-info-text: #005582;
  --ma-bg: #F1F5FB;
  --ma-surface-overlay: #0F1826;
  --ma-surface-sunken: #F1F5FB;
  --ma-border: #E0E8F5;
  --ma-border-strong: #C9D5E8;
  --ma-divider: #E0E8F5;
  --ma-text: #0F1826;
  --ma-text-secondary: #45556E;
  --ma-text-muted: #5B6B85;
  --ma-text-disabled: #92A1B9;
  --ma-text-inverse: #F8FAFE;
  --ma-surface: #FFFFFF;
  --ma-surface-raised: #FFFFFF;
  --ma-surface-hover: #F8FAFE;
  --ma-link: #15803D;
  --ma-link-hover: #006129;
  --ma-focus-ring: #008DC9;
  --ma-hue-sky: #00567D;
  --ma-hue-sky-subtle: color-mix(in oklch, #008DC9 15%, var(--ma-surface));
  --ma-hue-sky-solid: #006B9A;
  --ma-hue-blue: #0047AD;
  --ma-hue-blue-subtle: color-mix(in oklch, #3B82F6 15%, var(--ma-surface));
  --ma-hue-blue-solid: #115BCC;
  --ma-hue-violet: #5A23B3;
  --ma-hue-violet-subtle: color-mix(in oklch, #8B5CF6 15%, var(--ma-surface));
  --ma-hue-violet-solid: #6E38D1;
  --ma-hue-emerald: #005F40;
  --ma-hue-emerald-subtle: color-mix(in oklch, #009B6B 15%, var(--ma-surface));
  --ma-hue-emerald-solid: #007650;
  --ma-hue-teal: #005D53;
  --ma-hue-teal-subtle: color-mix(in oklch, #009889 15%, var(--ma-surface));
  --ma-hue-teal-solid: #007368;
  --ma-hue-amber: #704500;
  --ma-hue-amber-subtle: color-mix(in oklch, #B57300 15%, var(--ma-surface));
  --ma-hue-amber-solid: #8A5600;
  --ma-hue-orange: #813600;
  --ma-hue-orange-subtle: color-mix(in oklch, #D05C00 15%, var(--ma-surface));
  --ma-hue-orange-solid: #9F4400;
  --ma-hue-rose: #97002D;
  --ma-hue-rose-subtle: color-mix(in oklch, #F43F5E 15%, var(--ma-surface));
  --ma-hue-rose-solid: #BA0039;
  --ma-shadow-card: 0 1px 2px 0 color-mix(in oklch, var(--ma-neutral-950) 6%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--ma-neutral-950) 8%, transparent);
  --ma-shadow-card-hover: 0 2px 4px -1px color-mix(in oklch, var(--ma-neutral-950) 10%, transparent), 0 6px 12px -2px color-mix(in oklch, var(--ma-neutral-950) 12%, transparent);
  --ma-shadow-pop: 0 8px 24px -4px color-mix(in oklch, var(--ma-neutral-950) 18%, transparent), 0 2px 6px -1px color-mix(in oklch, var(--ma-neutral-950) 12%, transparent);
}

[data-theme="dark"] {
  color-scheme: dark;
  --ma-primary-50: #EFFAF1;
  --ma-on-primary-50: #030711;
  --ma-primary-100: #DFF3E2;
  --ma-on-primary-100: #030711;
  --ma-primary-200: #C2E8C9;
  --ma-on-primary-200: #030711;
  --ma-primary-300: #9AD5A5;
  --ma-on-primary-300: #030711;
  --ma-primary-400: #6EBD80;
  --ma-on-primary-400: #030711;
  --ma-primary-500: #3C9956;
  --ma-on-primary-500: #030711;
  --ma-primary-600: #15803D;
  --ma-on-primary-600: #F8FAFE;
  --ma-primary-700: #006129;
  --ma-on-primary-700: #F8FAFE;
  --ma-primary-800: #004E20;
  --ma-on-primary-800: #F8FAFE;
  --ma-primary-900: #003C17;
  --ma-on-primary-900: #F8FAFE;
  --ma-primary-950: #00280D;
  --ma-on-primary-950: #F8FAFE;
  --ma-primary: #15803D;
  --ma-primary-hover: #006129;
  --ma-primary-active: #004E20;
  --ma-on-primary: #F8FAFE;
  --ma-primary-subtle: #00280D;
  --ma-on-primary-subtle: #C2E8C9;
  --ma-primary-text: #9AD5A5;
  --ma-secondary-50: #F3F7FF;
  --ma-on-secondary-50: #030711;
  --ma-secondary-100: #E4EDFF;
  --ma-on-secondary-100: #030711;
  --ma-secondary-200: #CBDDFF;
  --ma-on-secondary-200: #030711;
  --ma-secondary-300: #A5C4FF;
  --ma-on-secondary-300: #030711;
  --ma-secondary-400: #78A6FF;
  --ma-on-secondary-400: #030711;
  --ma-secondary-500: #3B79FE;
  --ma-on-secondary-500: #030711;
  --ma-secondary-600: #2563EB;
  --ma-on-secondary-600: #F8FAFE;
  --ma-secondary-700: #073FBC;
  --ma-on-secondary-700: #F8FAFE;
  --ma-secondary-800: #01309D;
  --ma-on-secondary-800: #F8FAFE;
  --ma-secondary-900: #01247A;
  --ma-on-secondary-900: #F8FAFE;
  --ma-secondary-950: #001656;
  --ma-on-secondary-950: #F8FAFE;
  --ma-secondary: #2563EB;
  --ma-secondary-hover: #073FBC;
  --ma-secondary-active: #01309D;
  --ma-on-secondary: #F8FAFE;
  --ma-secondary-subtle: #001656;
  --ma-on-secondary-subtle: #CBDDFF;
  --ma-secondary-text: #A5C4FF;
  --ma-accent-50: #EFF8FF;
  --ma-on-accent-50: #030711;
  --ma-accent-100: #DBF0FF;
  --ma-on-accent-100: #030711;
  --ma-accent-200: #B9E3FF;
  --ma-on-accent-200: #030711;
  --ma-accent-300: #85CEFC;
  --ma-on-accent-300: #030711;
  --ma-accent-400: #0EA5E9;
  --ma-on-accent-400: #030711;
  --ma-accent-500: #008DC9;
  --ma-on-accent-500: #030711;
  --ma-accent-600: #006B9A;
  --ma-on-accent-600: #F8FAFE;
  --ma-accent-700: #00567D;
  --ma-on-accent-700: #F8FAFE;
  --ma-accent-800: #004565;
  --ma-on-accent-800: #F8FAFE;
  --ma-accent-900: #00354E;
  --ma-on-accent-900: #F8FAFE;
  --ma-accent-950: #002235;
  --ma-on-accent-950: #F8FAFE;
  --ma-accent: #006B9A;
  --ma-accent-hover: #00567D;
  --ma-accent-active: #004565;
  --ma-on-accent: #F8FAFE;
  --ma-accent-subtle: #002235;
  --ma-on-accent-subtle: #B9E3FF;
  --ma-accent-text: #85CEFC;
  --ma-neutral-50: #F8FAFE;
  --ma-on-neutral-50: #030711;
  --ma-neutral-100: #F1F5FB;
  --ma-on-neutral-100: #030711;
  --ma-neutral-200: #E0E8F5;
  --ma-on-neutral-200: #030711;
  --ma-neutral-300: #C9D5E8;
  --ma-on-neutral-300: #030711;
  --ma-neutral-400: #92A1B9;
  --ma-on-neutral-400: #030711;
  --ma-neutral-500: #5B6B85;
  --ma-on-neutral-500: #F8FAFE;
  --ma-neutral-600: #45556E;
  --ma-on-neutral-600: #F8FAFE;
  --ma-neutral-700: #334157;
  --ma-on-neutral-700: #F8FAFE;
  --ma-neutral-800: #1D293C;
  --ma-on-neutral-800: #F8FAFE;
  --ma-neutral-900: #0F1826;
  --ma-on-neutral-900: #F8FAFE;
  --ma-neutral-950: #030711;
  --ma-on-neutral-950: #F8FAFE;
  --ma-neutral: #45556E;
  --ma-neutral-hover: #334157;
  --ma-neutral-active: #1D293C;
  --ma-on-neutral: #F8FAFE;
  --ma-neutral-subtle: #030711;
  --ma-on-neutral-subtle: #E0E8F5;
  --ma-neutral-text: #C9D5E8;
  --ma-success-50: #EEFBEF;
  --ma-on-success-50: #030711;
  --ma-success-100: #DCF4E0;
  --ma-on-success-100: #030711;
  --ma-success-200: #BCEAC3;
  --ma-on-success-200: #030711;
  --ma-success-300: #8FD99C;
  --ma-on-success-300: #030711;
  --ma-success-400: #5CC173;
  --ma-on-success-400: #030711;
  --ma-success-500: #16A34A;
  --ma-on-success-500: #030711;
  --ma-success-600: #007832;
  --ma-on-success-600: #F8FAFE;
  --ma-success-700: #006127;
  --ma-on-success-700: #F8FAFE;
  --ma-success-800: #004E1E;
  --ma-on-success-800: #F8FAFE;
  --ma-success-900: #003C15;
  --ma-on-success-900: #F8FAFE;
  --ma-success-950: #00280B;
  --ma-on-success-950: #F8FAFE;
  --ma-success: #007832;
  --ma-success-hover: #006127;
  --ma-success-active: #004E1E;
  --ma-on-success: #F8FAFE;
  --ma-success-subtle: #00280B;
  --ma-on-success-subtle: #BCEAC3;
  --ma-success-text: #8FD99C;
  --ma-warning-50: #FFF5EA;
  --ma-on-warning-50: #030711;
  --ma-warning-100: #FDE9D3;
  --ma-on-warning-100: #030711;
  --ma-warning-200: #FBD5AB;
  --ma-on-warning-200: #030711;
  --ma-warning-300: #F1B873;
  --ma-on-warning-300: #030711;
  --ma-warning-400: #F59E0B;
  --ma-on-warning-400: #030711;
  --ma-warning-500: #B57300;
  --ma-on-warning-500: #030711;
  --ma-warning-600: #8A5600;
  --ma-on-warning-600: #F8FAFE;
  --ma-warning-700: #704500;
  --ma-on-warning-700: #F8FAFE;
  --ma-warning-800: #5A3700;
  --ma-on-warning-800: #F8FAFE;
  --ma-warning-900: #462900;
  --ma-on-warning-900: #F8FAFE;
  --ma-warning-950: #2F1A00;
  --ma-on-warning-950: #F8FAFE;
  --ma-warning: #8A5600;
  --ma-warning-hover: #704500;
  --ma-warning-active: #5A3700;
  --ma-on-warning: #F8FAFE;
  --ma-warning-subtle: #2F1A00;
  --ma-on-warning-subtle: #FBD5AB;
  --ma-warning-text: #F1B873;
  --ma-danger-50: #FFF4F4;
  --ma-on-danger-50: #030711;
  --ma-danger-100: #FFE6E6;
  --ma-on-danger-100: #030711;
  --ma-danger-200: #FFCECF;
  --ma-on-danger-200: #030711;
  --ma-danger-300: #FFA9AC;
  --ma-on-danger-300: #030711;
  --ma-danger-400: #FF7680;
  --ma-on-danger-400: #030711;
  --ma-danger-500: #E11D48;
  --ma-on-danger-500: #F8FAFE;
  --ma-danger-600: #BA0036;
  --ma-on-danger-600: #F8FAFE;
  --ma-danger-700: #98002A;
  --ma-on-danger-700: #F8FAFE;
  --ma-danger-800: #7B0020;
  --ma-on-danger-800: #F8FAFE;
  --ma-danger-900: #600017;
  --ma-on-danger-900: #F8FAFE;
  --ma-danger-950: #42000D;
  --ma-on-danger-950: #F8FAFE;
  --ma-danger: #BA0036;
  --ma-danger-hover: #98002A;
  --ma-danger-active: #7B0020;
  --ma-on-danger: #F8FAFE;
  --ma-danger-subtle: #42000D;
  --ma-on-danger-subtle: #FFCECF;
  --ma-danger-text: #FFA9AC;
  --ma-info-50: #F0F8FF;
  --ma-on-info-50: #030711;
  --ma-info-100: #DDF0FF;
  --ma-on-info-100: #030711;
  --ma-info-200: #BDE2FF;
  --ma-on-info-200: #030711;
  --ma-info-300: #8ECCFB;
  --ma-on-info-300: #030711;
  --ma-info-400: #5CB0EC;
  --ma-on-info-400: #030711;
  --ma-info-500: #0284C7;
  --ma-on-info-500: #030711;
  --ma-info-600: #0069A0;
  --ma-on-info-600: #F8FAFE;
  --ma-info-700: #005582;
  --ma-on-info-700: #F8FAFE;
  --ma-info-800: #00446A;
  --ma-on-info-800: #F8FAFE;
  --ma-info-900: #003452;
  --ma-on-info-900: #F8FAFE;
  --ma-info-950: #002238;
  --ma-on-info-950: #F8FAFE;
  --ma-info: #0069A0;
  --ma-info-hover: #005582;
  --ma-info-active: #00446A;
  --ma-on-info: #F8FAFE;
  --ma-info-subtle: #002238;
  --ma-on-info-subtle: #BDE2FF;
  --ma-info-text: #8ECCFB;
  --ma-bg: #030711;
  --ma-surface: #0F1826;
  --ma-surface-raised: #1D293C;
  --ma-surface-overlay: #F1F5FB;
  --ma-surface-sunken: #1D293C;
  --ma-border: #1D293C;
  --ma-border-strong: #334157;
  --ma-divider: #1D293C;
  --ma-text: #F1F5FB;
  --ma-text-secondary: #92A1B9;
  --ma-text-muted: #5B6B85;
  --ma-text-disabled: #45556E;
  --ma-text-inverse: #030711;
  --ma-surface-hover: color-mix(in oklch, #1D293C 60%, transparent);
  --ma-link: #9AD5A5;
  --ma-link-hover: #C2E8C9;
  --ma-focus-ring: #0EA5E9;
  --ma-hue-sky: #85CEFC;
  --ma-hue-sky-subtle: color-mix(in oklch, #008DC9 15%, var(--ma-surface));
  --ma-hue-sky-solid: #006B9A;
  --ma-hue-blue: #A2C6FF;
  --ma-hue-blue-subtle: color-mix(in oklch, #3B82F6 15%, var(--ma-surface));
  --ma-hue-blue-solid: #115BCC;
  --ma-hue-violet: #C6B8FF;
  --ma-hue-violet-subtle: color-mix(in oklch, #8B5CF6 15%, var(--ma-surface));
  --ma-hue-violet-solid: #6E38D1;
  --ma-hue-emerald: #86D8B1;
  --ma-hue-emerald-subtle: color-mix(in oklch, #009B6B 15%, var(--ma-surface));
  --ma-hue-emerald-solid: #007650;
  --ma-hue-teal: #86D6C8;
  --ma-hue-teal-subtle: color-mix(in oklch, #009889 15%, var(--ma-surface));
  --ma-hue-teal-solid: #007368;
  --ma-hue-amber: #F1B873;
  --ma-hue-amber-subtle: color-mix(in oklch, #B57300 15%, var(--ma-surface));
  --ma-hue-amber-solid: #8A5600;
  --ma-hue-orange: #FFAE85;
  --ma-hue-orange-subtle: color-mix(in oklch, #D05C00 15%, var(--ma-surface));
  --ma-hue-orange-solid: #9F4400;
  --ma-hue-rose: #FFA9AD;
  --ma-hue-rose-subtle: color-mix(in oklch, #F43F5E 15%, var(--ma-surface));
  --ma-hue-rose-solid: #BA0039;
  --ma-shadow-card: 0 1px 2px 0 color-mix(in oklch, black 30%, transparent), 0 1px 3px 0 color-mix(in oklch, black 40%, transparent);
  --ma-shadow-card-hover: 0 2px 4px -1px color-mix(in oklch, black 45%, transparent), 0 6px 12px -2px color-mix(in oklch, black 50%, transparent);
  --ma-shadow-pop: 0 8px 24px -4px color-mix(in oklch, black 60%, transparent), 0 2px 6px -1px color-mix(in oklch, black 45%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ma-primary-50: #EFFAF1;
    --ma-on-primary-50: #030711;
    --ma-primary-100: #DFF3E2;
    --ma-on-primary-100: #030711;
    --ma-primary-200: #C2E8C9;
    --ma-on-primary-200: #030711;
    --ma-primary-300: #9AD5A5;
    --ma-on-primary-300: #030711;
    --ma-primary-400: #6EBD80;
    --ma-on-primary-400: #030711;
    --ma-primary-500: #3C9956;
    --ma-on-primary-500: #030711;
    --ma-primary-600: #15803D;
    --ma-on-primary-600: #F8FAFE;
    --ma-primary-700: #006129;
    --ma-on-primary-700: #F8FAFE;
    --ma-primary-800: #004E20;
    --ma-on-primary-800: #F8FAFE;
    --ma-primary-900: #003C17;
    --ma-on-primary-900: #F8FAFE;
    --ma-primary-950: #00280D;
    --ma-on-primary-950: #F8FAFE;
    --ma-primary: #15803D;
    --ma-primary-hover: #006129;
    --ma-primary-active: #004E20;
    --ma-on-primary: #F8FAFE;
    --ma-primary-subtle: #00280D;
    --ma-on-primary-subtle: #C2E8C9;
    --ma-primary-text: #9AD5A5;
    --ma-secondary-50: #F3F7FF;
    --ma-on-secondary-50: #030711;
    --ma-secondary-100: #E4EDFF;
    --ma-on-secondary-100: #030711;
    --ma-secondary-200: #CBDDFF;
    --ma-on-secondary-200: #030711;
    --ma-secondary-300: #A5C4FF;
    --ma-on-secondary-300: #030711;
    --ma-secondary-400: #78A6FF;
    --ma-on-secondary-400: #030711;
    --ma-secondary-500: #3B79FE;
    --ma-on-secondary-500: #030711;
    --ma-secondary-600: #2563EB;
    --ma-on-secondary-600: #F8FAFE;
    --ma-secondary-700: #073FBC;
    --ma-on-secondary-700: #F8FAFE;
    --ma-secondary-800: #01309D;
    --ma-on-secondary-800: #F8FAFE;
    --ma-secondary-900: #01247A;
    --ma-on-secondary-900: #F8FAFE;
    --ma-secondary-950: #001656;
    --ma-on-secondary-950: #F8FAFE;
    --ma-secondary: #2563EB;
    --ma-secondary-hover: #073FBC;
    --ma-secondary-active: #01309D;
    --ma-on-secondary: #F8FAFE;
    --ma-secondary-subtle: #001656;
    --ma-on-secondary-subtle: #CBDDFF;
    --ma-secondary-text: #A5C4FF;
    --ma-accent-50: #EFF8FF;
    --ma-on-accent-50: #030711;
    --ma-accent-100: #DBF0FF;
    --ma-on-accent-100: #030711;
    --ma-accent-200: #B9E3FF;
    --ma-on-accent-200: #030711;
    --ma-accent-300: #85CEFC;
    --ma-on-accent-300: #030711;
    --ma-accent-400: #0EA5E9;
    --ma-on-accent-400: #030711;
    --ma-accent-500: #008DC9;
    --ma-on-accent-500: #030711;
    --ma-accent-600: #006B9A;
    --ma-on-accent-600: #F8FAFE;
    --ma-accent-700: #00567D;
    --ma-on-accent-700: #F8FAFE;
    --ma-accent-800: #004565;
    --ma-on-accent-800: #F8FAFE;
    --ma-accent-900: #00354E;
    --ma-on-accent-900: #F8FAFE;
    --ma-accent-950: #002235;
    --ma-on-accent-950: #F8FAFE;
    --ma-accent: #006B9A;
    --ma-accent-hover: #00567D;
    --ma-accent-active: #004565;
    --ma-on-accent: #F8FAFE;
    --ma-accent-subtle: #002235;
    --ma-on-accent-subtle: #B9E3FF;
    --ma-accent-text: #85CEFC;
    --ma-neutral-50: #F8FAFE;
    --ma-on-neutral-50: #030711;
    --ma-neutral-100: #F1F5FB;
    --ma-on-neutral-100: #030711;
    --ma-neutral-200: #E0E8F5;
    --ma-on-neutral-200: #030711;
    --ma-neutral-300: #C9D5E8;
    --ma-on-neutral-300: #030711;
    --ma-neutral-400: #92A1B9;
    --ma-on-neutral-400: #030711;
    --ma-neutral-500: #5B6B85;
    --ma-on-neutral-500: #F8FAFE;
    --ma-neutral-600: #45556E;
    --ma-on-neutral-600: #F8FAFE;
    --ma-neutral-700: #334157;
    --ma-on-neutral-700: #F8FAFE;
    --ma-neutral-800: #1D293C;
    --ma-on-neutral-800: #F8FAFE;
    --ma-neutral-900: #0F1826;
    --ma-on-neutral-900: #F8FAFE;
    --ma-neutral-950: #030711;
    --ma-on-neutral-950: #F8FAFE;
    --ma-neutral: #45556E;
    --ma-neutral-hover: #334157;
    --ma-neutral-active: #1D293C;
    --ma-on-neutral: #F8FAFE;
    --ma-neutral-subtle: #030711;
    --ma-on-neutral-subtle: #E0E8F5;
    --ma-neutral-text: #C9D5E8;
    --ma-success-50: #EEFBEF;
    --ma-on-success-50: #030711;
    --ma-success-100: #DCF4E0;
    --ma-on-success-100: #030711;
    --ma-success-200: #BCEAC3;
    --ma-on-success-200: #030711;
    --ma-success-300: #8FD99C;
    --ma-on-success-300: #030711;
    --ma-success-400: #5CC173;
    --ma-on-success-400: #030711;
    --ma-success-500: #16A34A;
    --ma-on-success-500: #030711;
    --ma-success-600: #007832;
    --ma-on-success-600: #F8FAFE;
    --ma-success-700: #006127;
    --ma-on-success-700: #F8FAFE;
    --ma-success-800: #004E1E;
    --ma-on-success-800: #F8FAFE;
    --ma-success-900: #003C15;
    --ma-on-success-900: #F8FAFE;
    --ma-success-950: #00280B;
    --ma-on-success-950: #F8FAFE;
    --ma-success: #007832;
    --ma-success-hover: #006127;
    --ma-success-active: #004E1E;
    --ma-on-success: #F8FAFE;
    --ma-success-subtle: #00280B;
    --ma-on-success-subtle: #BCEAC3;
    --ma-success-text: #8FD99C;
    --ma-warning-50: #FFF5EA;
    --ma-on-warning-50: #030711;
    --ma-warning-100: #FDE9D3;
    --ma-on-warning-100: #030711;
    --ma-warning-200: #FBD5AB;
    --ma-on-warning-200: #030711;
    --ma-warning-300: #F1B873;
    --ma-on-warning-300: #030711;
    --ma-warning-400: #F59E0B;
    --ma-on-warning-400: #030711;
    --ma-warning-500: #B57300;
    --ma-on-warning-500: #030711;
    --ma-warning-600: #8A5600;
    --ma-on-warning-600: #F8FAFE;
    --ma-warning-700: #704500;
    --ma-on-warning-700: #F8FAFE;
    --ma-warning-800: #5A3700;
    --ma-on-warning-800: #F8FAFE;
    --ma-warning-900: #462900;
    --ma-on-warning-900: #F8FAFE;
    --ma-warning-950: #2F1A00;
    --ma-on-warning-950: #F8FAFE;
    --ma-warning: #8A5600;
    --ma-warning-hover: #704500;
    --ma-warning-active: #5A3700;
    --ma-on-warning: #F8FAFE;
    --ma-warning-subtle: #2F1A00;
    --ma-on-warning-subtle: #FBD5AB;
    --ma-warning-text: #F1B873;
    --ma-danger-50: #FFF4F4;
    --ma-on-danger-50: #030711;
    --ma-danger-100: #FFE6E6;
    --ma-on-danger-100: #030711;
    --ma-danger-200: #FFCECF;
    --ma-on-danger-200: #030711;
    --ma-danger-300: #FFA9AC;
    --ma-on-danger-300: #030711;
    --ma-danger-400: #FF7680;
    --ma-on-danger-400: #030711;
    --ma-danger-500: #E11D48;
    --ma-on-danger-500: #F8FAFE;
    --ma-danger-600: #BA0036;
    --ma-on-danger-600: #F8FAFE;
    --ma-danger-700: #98002A;
    --ma-on-danger-700: #F8FAFE;
    --ma-danger-800: #7B0020;
    --ma-on-danger-800: #F8FAFE;
    --ma-danger-900: #600017;
    --ma-on-danger-900: #F8FAFE;
    --ma-danger-950: #42000D;
    --ma-on-danger-950: #F8FAFE;
    --ma-danger: #BA0036;
    --ma-danger-hover: #98002A;
    --ma-danger-active: #7B0020;
    --ma-on-danger: #F8FAFE;
    --ma-danger-subtle: #42000D;
    --ma-on-danger-subtle: #FFCECF;
    --ma-danger-text: #FFA9AC;
    --ma-info-50: #F0F8FF;
    --ma-on-info-50: #030711;
    --ma-info-100: #DDF0FF;
    --ma-on-info-100: #030711;
    --ma-info-200: #BDE2FF;
    --ma-on-info-200: #030711;
    --ma-info-300: #8ECCFB;
    --ma-on-info-300: #030711;
    --ma-info-400: #5CB0EC;
    --ma-on-info-400: #030711;
    --ma-info-500: #0284C7;
    --ma-on-info-500: #030711;
    --ma-info-600: #0069A0;
    --ma-on-info-600: #F8FAFE;
    --ma-info-700: #005582;
    --ma-on-info-700: #F8FAFE;
    --ma-info-800: #00446A;
    --ma-on-info-800: #F8FAFE;
    --ma-info-900: #003452;
    --ma-on-info-900: #F8FAFE;
    --ma-info-950: #002238;
    --ma-on-info-950: #F8FAFE;
    --ma-info: #0069A0;
    --ma-info-hover: #005582;
    --ma-info-active: #00446A;
    --ma-on-info: #F8FAFE;
    --ma-info-subtle: #002238;
    --ma-on-info-subtle: #BDE2FF;
    --ma-info-text: #8ECCFB;
    --ma-bg: #030711;
    --ma-surface: #0F1826;
    --ma-surface-raised: #1D293C;
    --ma-surface-overlay: #F1F5FB;
    --ma-surface-sunken: #1D293C;
    --ma-border: #1D293C;
    --ma-border-strong: #334157;
    --ma-divider: #1D293C;
    --ma-text: #F1F5FB;
    --ma-text-secondary: #92A1B9;
    --ma-text-muted: #5B6B85;
    --ma-text-disabled: #45556E;
    --ma-text-inverse: #030711;
    --ma-surface-hover: color-mix(in oklch, #1D293C 60%, transparent);
    --ma-link: #9AD5A5;
    --ma-link-hover: #C2E8C9;
    --ma-focus-ring: #0EA5E9;
    --ma-hue-sky: #85CEFC;
    --ma-hue-sky-subtle: color-mix(in oklch, #008DC9 15%, var(--ma-surface));
    --ma-hue-sky-solid: #006B9A;
    --ma-hue-blue: #A2C6FF;
    --ma-hue-blue-subtle: color-mix(in oklch, #3B82F6 15%, var(--ma-surface));
    --ma-hue-blue-solid: #115BCC;
    --ma-hue-violet: #C6B8FF;
    --ma-hue-violet-subtle: color-mix(in oklch, #8B5CF6 15%, var(--ma-surface));
    --ma-hue-violet-solid: #6E38D1;
    --ma-hue-emerald: #86D8B1;
    --ma-hue-emerald-subtle: color-mix(in oklch, #009B6B 15%, var(--ma-surface));
    --ma-hue-emerald-solid: #007650;
    --ma-hue-teal: #86D6C8;
    --ma-hue-teal-subtle: color-mix(in oklch, #009889 15%, var(--ma-surface));
    --ma-hue-teal-solid: #007368;
    --ma-hue-amber: #F1B873;
    --ma-hue-amber-subtle: color-mix(in oklch, #B57300 15%, var(--ma-surface));
    --ma-hue-amber-solid: #8A5600;
    --ma-hue-orange: #FFAE85;
    --ma-hue-orange-subtle: color-mix(in oklch, #D05C00 15%, var(--ma-surface));
    --ma-hue-orange-solid: #9F4400;
    --ma-hue-rose: #FFA9AD;
    --ma-hue-rose-subtle: color-mix(in oklch, #F43F5E 15%, var(--ma-surface));
    --ma-hue-rose-solid: #BA0039;
    --ma-shadow-card: 0 1px 2px 0 color-mix(in oklch, black 30%, transparent), 0 1px 3px 0 color-mix(in oklch, black 40%, transparent);
    --ma-shadow-card-hover: 0 2px 4px -1px color-mix(in oklch, black 45%, transparent), 0 6px 12px -2px color-mix(in oklch, black 50%, transparent);
    --ma-shadow-pop: 0 8px 24px -4px color-mix(in oklch, black 60%, transparent), 0 2px 6px -1px color-mix(in oklch, black 45%, transparent);
  }
}

:root {
  --ma-font-sans: "Ubuntu", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ma-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --ma-text-2xs: 0.625rem;
  --ma-text-xs: 0.75rem;
  --ma-text-sm: 0.875rem;
  --ma-text-base: 1rem;
  --ma-text-lg: 1.125rem;
  --ma-text-xl: 1.25rem;
  --ma-text-2xl: 1.5rem;
  --ma-text-3xl: 1.875rem;
  --ma-leading-tight: 1.25;
  --ma-leading-normal: 1.5;
  --ma-leading-relaxed: 1.7;
  --ma-weight-regular: 400;
  --ma-weight-medium: 500;
  --ma-weight-semibold: 600;
  --ma-weight-bold: 700;
  --ma-tracking-tight: -0.01em;
  --ma-tracking-normal: 0;
  --ma-tracking-wide: 0.02em;
  --ma-label-size: var(--ma-text-xs);
  --ma-label-weight: var(--ma-weight-medium);
  --ma-label-transform: uppercase;
  --ma-label-tracking: 0.05em;
  --ma-label-color: var(--ma-text-secondary);
  --ma-container-sm: 40rem;
  --ma-container-md: 48rem;
  --ma-container-lg: 64rem;
  --ma-container-xl: 80rem;
  --ma-sidebar-width: 15rem;
  --ma-sidebar-collapsed-width: 4rem;
  --ma-topbar-height: 3.5rem;
  --ma-radius-none: 0;
  --ma-radius-sm: 0.25rem;
  --ma-radius-md: 0.375rem;
  --ma-radius-lg: 0.5rem;
  --ma-radius-xl: 0.75rem;
  --ma-radius-full: 9999px;
  --ma-shadow-xs: 0 1px 2px color-mix(in oklch, var(--ma-neutral-950) 6%, transparent);
  --ma-shadow-sm: 0 1px 3px color-mix(in oklch, var(--ma-neutral-950) 10%, transparent), 0 1px 2px color-mix(in oklch, var(--ma-neutral-950) 6%, transparent);
  --ma-shadow-md: 0 4px 8px -2px color-mix(in oklch, var(--ma-neutral-950) 10%, transparent), 0 2px 4px -2px color-mix(in oklch, var(--ma-neutral-950) 6%, transparent);
  --ma-shadow-lg: 0 12px 20px -4px color-mix(in oklch, var(--ma-neutral-950) 12%, transparent), 0 4px 8px -4px color-mix(in oklch, var(--ma-neutral-950) 6%, transparent);
  --ma-shadow-xl: 0 24px 40px -8px color-mix(in oklch, var(--ma-neutral-950) 18%, transparent);
  --ma-border-width: 1px;
  --ma-focus-ring-width: 2px;
  --ma-focus-ring-offset: 2px;
  --ma-duration-fast: 120ms;
  --ma-duration-normal: 200ms;
  --ma-duration-slow: 320ms;
  --ma-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ma-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --ma-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --ma-z-dropdown: 1000;
  --ma-z-sticky: 1100;
  --ma-z-drawer: 1200;
  --ma-z-modal: 1300;
  --ma-z-toast: 1400;
  --ma-z-tooltip: 1500;
  --ma-density: 0.85;
  --ma-control-height-sm: calc(1.75rem * var(--ma-density));
  --ma-control-height-md: calc(2.25rem * var(--ma-density));
  --ma-control-height-lg: calc(2.5rem * var(--ma-density));
  --ma-control-padding-x: 0.75rem;
  --ma-control-radius: var(--ma-radius-md);
  --ma-control-bg: var(--ma-surface);
  --ma-control-border: var(--ma-border-strong);
  --ma-control-placeholder: var(--ma-text-muted);
  --ma-card-padding: calc(1.25rem * var(--ma-density));
  --ma-table-row-height: calc(3rem * var(--ma-density));
  --ma-backdrop: color-mix(in oklch, var(--ma-neutral-950) 55%, transparent);
  --ma-space-0: 0;
  --ma-space-1: 0.25rem;
  --ma-space-2: 0.5rem;
  --ma-space-3: 0.75rem;
  --ma-space-4: 1rem;
  --ma-space-5: 1.25rem;
  --ma-space-6: 1.5rem;
  --ma-space-7: 1.75rem;
  --ma-space-8: 2rem;
  --ma-space-9: 2.25rem;
  --ma-space-10: 2.5rem;
  --ma-space-11: 2.75rem;
  --ma-space-12: 3rem;
  --ma-space-13: 3.25rem;
  --ma-space-14: 3.5rem;
  --ma-space-15: 3.75rem;
  --ma-space-16: 4rem;
}