:root, [data-theme="light"] {
  color-scheme: light;
  --ma-primary-50: #FFF4F2;
  --ma-on-primary-50: #070707;
  --ma-primary-100: #FFE6E3;
  --ma-on-primary-100: #070707;
  --ma-primary-200: #FFCFC9;
  --ma-on-primary-200: #070707;
  --ma-primary-300: #FFABA1;
  --ma-on-primary-300: #070707;
  --ma-primary-400: #FF796C;
  --ma-on-primary-400: #070707;
  --ma-primary-500: #EC1C23;
  --ma-on-primary-500: #070707;
  --ma-primary-600: #BC0012;
  --ma-on-primary-600: #FAFAFA;
  --ma-primary-700: #99000C;
  --ma-on-primary-700: #FAFAFA;
  --ma-primary-800: #7D0008;
  --ma-on-primary-800: #FAFAFA;
  --ma-primary-900: #610004;
  --ma-on-primary-900: #FAFAFA;
  --ma-primary-950: #430002;
  --ma-on-primary-950: #FAFAFA;
  --ma-primary: #BC0012;
  --ma-primary-hover: #99000C;
  --ma-primary-active: #7D0008;
  --ma-on-primary: #FAFAFA;
  --ma-primary-subtle: #FFF4F2;
  --ma-on-primary-subtle: #7D0008;
  --ma-primary-text: #99000C;
  --ma-secondary-50: #F7F7F7;
  --ma-on-secondary-50: #070707;
  --ma-secondary-100: #EDEDED;
  --ma-on-secondary-100: #070707;
  --ma-secondary-200: #DCDCDC;
  --ma-on-secondary-200: #070707;
  --ma-secondary-300: #C4C4C4;
  --ma-on-secondary-300: #070707;
  --ma-secondary-400: #A8A8A8;
  --ma-on-secondary-400: #070707;
  --ma-secondary-500: #838383;
  --ma-on-secondary-500: #070707;
  --ma-secondary-600: #636363;
  --ma-on-secondary-600: #FAFAFA;
  --ma-secondary-700: #505050;
  --ma-on-secondary-700: #FAFAFA;
  --ma-secondary-800: #404040;
  --ma-on-secondary-800: #FAFAFA;
  --ma-secondary-900: #303030;
  --ma-on-secondary-900: #FAFAFA;
  --ma-secondary-950: #1F1F1F;
  --ma-on-secondary-950: #FAFAFA;
  --ma-secondary: #636363;
  --ma-secondary-hover: #505050;
  --ma-secondary-active: #404040;
  --ma-on-secondary: #FAFAFA;
  --ma-secondary-subtle: #F7F7F7;
  --ma-on-secondary-subtle: #404040;
  --ma-secondary-text: #505050;
  --ma-accent-50: #FFF4F2;
  --ma-on-accent-50: #070707;
  --ma-accent-100: #FFE6E3;
  --ma-on-accent-100: #070707;
  --ma-accent-200: #FFCFC9;
  --ma-on-accent-200: #070707;
  --ma-accent-300: #FFABA1;
  --ma-on-accent-300: #070707;
  --ma-accent-400: #FF796C;
  --ma-on-accent-400: #070707;
  --ma-accent-500: #EC1C23;
  --ma-on-accent-500: #070707;
  --ma-accent-600: #BC0012;
  --ma-on-accent-600: #FAFAFA;
  --ma-accent-700: #99000C;
  --ma-on-accent-700: #FAFAFA;
  --ma-accent-800: #7D0008;
  --ma-on-accent-800: #FAFAFA;
  --ma-accent-900: #610004;
  --ma-on-accent-900: #FAFAFA;
  --ma-accent-950: #430002;
  --ma-on-accent-950: #FAFAFA;
  --ma-accent: #BC0012;
  --ma-accent-hover: #99000C;
  --ma-accent-active: #7D0008;
  --ma-on-accent: #FAFAFA;
  --ma-accent-subtle: #FFF4F2;
  --ma-on-accent-subtle: #7D0008;
  --ma-accent-text: #99000C;
  --ma-neutral-50: #FAFAFA;
  --ma-on-neutral-50: #070707;
  --ma-neutral-100: #F4F4F4;
  --ma-on-neutral-100: #070707;
  --ma-neutral-200: #E7E7E7;
  --ma-on-neutral-200: #070707;
  --ma-neutral-300: #D4D4D4;
  --ma-on-neutral-300: #070707;
  --ma-neutral-400: #9F9F9F;
  --ma-on-neutral-400: #070707;
  --ma-neutral-500: #737373;
  --ma-on-neutral-500: #FAFAFA;
  --ma-neutral-600: #545454;
  --ma-on-neutral-600: #FAFAFA;
  --ma-neutral-700: #404040;
  --ma-on-neutral-700: #FAFAFA;
  --ma-neutral-800: #292929;
  --ma-on-neutral-800: #FAFAFA;
  --ma-neutral-900: #181818;
  --ma-on-neutral-900: #FAFAFA;
  --ma-neutral-950: #070707;
  --ma-on-neutral-950: #FAFAFA;
  --ma-neutral: #545454;
  --ma-neutral-hover: #404040;
  --ma-neutral-active: #292929;
  --ma-on-neutral: #FAFAFA;
  --ma-neutral-subtle: #FAFAFA;
  --ma-on-neutral-subtle: #292929;
  --ma-neutral-text: #404040;
  --ma-success-50: #EEFBEF;
  --ma-on-success-50: #070707;
  --ma-success-100: #DCF4E0;
  --ma-on-success-100: #070707;
  --ma-success-200: #BCEAC3;
  --ma-on-success-200: #070707;
  --ma-success-300: #8FD99C;
  --ma-on-success-300: #070707;
  --ma-success-400: #5CC173;
  --ma-on-success-400: #070707;
  --ma-success-500: #16A34A;
  --ma-on-success-500: #070707;
  --ma-success-600: #007832;
  --ma-on-success-600: #FAFAFA;
  --ma-success-700: #006127;
  --ma-on-success-700: #FAFAFA;
  --ma-success-800: #004E1E;
  --ma-on-success-800: #FAFAFA;
  --ma-success-900: #003C15;
  --ma-on-success-900: #FAFAFA;
  --ma-success-950: #00280B;
  --ma-on-success-950: #FAFAFA;
  --ma-success: #007832;
  --ma-success-hover: #006127;
  --ma-success-active: #004E1E;
  --ma-on-success: #FAFAFA;
  --ma-success-subtle: #EEFBEF;
  --ma-on-success-subtle: #004E1E;
  --ma-success-text: #006127;
  --ma-warning-50: #FFF5EA;
  --ma-on-warning-50: #070707;
  --ma-warning-100: #FDE9D3;
  --ma-on-warning-100: #070707;
  --ma-warning-200: #FBD5AB;
  --ma-on-warning-200: #070707;
  --ma-warning-300: #F1B873;
  --ma-on-warning-300: #070707;
  --ma-warning-400: #F59E0B;
  --ma-on-warning-400: #070707;
  --ma-warning-500: #B57300;
  --ma-on-warning-500: #070707;
  --ma-warning-600: #8A5600;
  --ma-on-warning-600: #FAFAFA;
  --ma-warning-700: #704500;
  --ma-on-warning-700: #FAFAFA;
  --ma-warning-800: #5A3700;
  --ma-on-warning-800: #FAFAFA;
  --ma-warning-900: #462900;
  --ma-on-warning-900: #FAFAFA;
  --ma-warning-950: #2F1A00;
  --ma-on-warning-950: #FAFAFA;
  --ma-warning: #8A5600;
  --ma-warning-hover: #704500;
  --ma-warning-active: #5A3700;
  --ma-on-warning: #FAFAFA;
  --ma-warning-subtle: #FFF5EA;
  --ma-on-warning-subtle: #5A3700;
  --ma-warning-text: #704500;
  --ma-danger-50: #FFF4F2;
  --ma-on-danger-50: #070707;
  --ma-danger-100: #FFE6E2;
  --ma-on-danger-100: #070707;
  --ma-danger-200: #FFD0C7;
  --ma-on-danger-200: #070707;
  --ma-danger-300: #FFAB9E;
  --ma-on-danger-300: #070707;
  --ma-danger-400: #FA7D6C;
  --ma-on-danger-400: #070707;
  --ma-danger-500: #D94E3F;
  --ma-on-danger-500: #070707;
  --ma-danger-600: #B42318;
  --ma-on-danger-600: #FAFAFA;
  --ma-danger-700: #980A04;
  --ma-on-danger-700: #FAFAFA;
  --ma-danger-800: #7D0100;
  --ma-on-danger-800: #FAFAFA;
  --ma-danger-900: #610000;
  --ma-on-danger-900: #FAFAFA;
  --ma-danger-950: #430000;
  --ma-on-danger-950: #FAFAFA;
  --ma-danger: #B42318;
  --ma-danger-hover: #980A04;
  --ma-danger-active: #7D0100;
  --ma-on-danger: #FAFAFA;
  --ma-danger-subtle: #FFF4F2;
  --ma-on-danger-subtle: #7D0100;
  --ma-danger-text: #980A04;
  --ma-info-50: #F0F8FF;
  --ma-on-info-50: #070707;
  --ma-info-100: #DDF0FF;
  --ma-on-info-100: #070707;
  --ma-info-200: #BDE2FF;
  --ma-on-info-200: #070707;
  --ma-info-300: #8ECCFB;
  --ma-on-info-300: #070707;
  --ma-info-400: #5CB0EC;
  --ma-on-info-400: #070707;
  --ma-info-500: #0284C7;
  --ma-on-info-500: #070707;
  --ma-info-600: #0069A0;
  --ma-on-info-600: #FAFAFA;
  --ma-info-700: #005582;
  --ma-on-info-700: #FAFAFA;
  --ma-info-800: #00446A;
  --ma-on-info-800: #FAFAFA;
  --ma-info-900: #003452;
  --ma-on-info-900: #FAFAFA;
  --ma-info-950: #002238;
  --ma-on-info-950: #FAFAFA;
  --ma-info: #0069A0;
  --ma-info-hover: #005582;
  --ma-info-active: #00446A;
  --ma-on-info: #FAFAFA;
  --ma-info-subtle: #F0F8FF;
  --ma-on-info-subtle: #00446A;
  --ma-info-text: #005582;
  --ma-bg: #F4F4F4;
  --ma-surface-overlay: #181818;
  --ma-surface-sunken: #F4F4F4;
  --ma-border: #E7E7E7;
  --ma-border-strong: #D4D4D4;
  --ma-divider: #E7E7E7;
  --ma-text: #181818;
  --ma-text-secondary: #545454;
  --ma-text-muted: #737373;
  --ma-text-disabled: #9F9F9F;
  --ma-text-inverse: #FAFAFA;
  --ma-surface: #FFFFFF;
  --ma-surface-raised: #FFFFFF;
  --ma-surface-hover: #FAFAFA;
  --ma-link: #BC0012;
  --ma-link-hover: #99000C;
  --ma-focus-ring: #EC1C23;
  --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: #FFF4F2;
  --ma-on-primary-50: #070707;
  --ma-primary-100: #FFE6E3;
  --ma-on-primary-100: #070707;
  --ma-primary-200: #FFCFC9;
  --ma-on-primary-200: #070707;
  --ma-primary-300: #FFABA1;
  --ma-on-primary-300: #070707;
  --ma-primary-400: #FF796C;
  --ma-on-primary-400: #070707;
  --ma-primary-500: #EC1C23;
  --ma-on-primary-500: #070707;
  --ma-primary-600: #BC0012;
  --ma-on-primary-600: #FAFAFA;
  --ma-primary-700: #99000C;
  --ma-on-primary-700: #FAFAFA;
  --ma-primary-800: #7D0008;
  --ma-on-primary-800: #FAFAFA;
  --ma-primary-900: #610004;
  --ma-on-primary-900: #FAFAFA;
  --ma-primary-950: #430002;
  --ma-on-primary-950: #FAFAFA;
  --ma-primary: #BC0012;
  --ma-primary-hover: #99000C;
  --ma-primary-active: #7D0008;
  --ma-on-primary: #FAFAFA;
  --ma-primary-subtle: #430002;
  --ma-on-primary-subtle: #FFCFC9;
  --ma-primary-text: #FFABA1;
  --ma-secondary-50: #F7F7F7;
  --ma-on-secondary-50: #070707;
  --ma-secondary-100: #EDEDED;
  --ma-on-secondary-100: #070707;
  --ma-secondary-200: #DCDCDC;
  --ma-on-secondary-200: #070707;
  --ma-secondary-300: #C4C4C4;
  --ma-on-secondary-300: #070707;
  --ma-secondary-400: #A8A8A8;
  --ma-on-secondary-400: #070707;
  --ma-secondary-500: #838383;
  --ma-on-secondary-500: #070707;
  --ma-secondary-600: #636363;
  --ma-on-secondary-600: #FAFAFA;
  --ma-secondary-700: #505050;
  --ma-on-secondary-700: #FAFAFA;
  --ma-secondary-800: #404040;
  --ma-on-secondary-800: #FAFAFA;
  --ma-secondary-900: #303030;
  --ma-on-secondary-900: #FAFAFA;
  --ma-secondary-950: #1F1F1F;
  --ma-on-secondary-950: #FAFAFA;
  --ma-secondary: #636363;
  --ma-secondary-hover: #505050;
  --ma-secondary-active: #404040;
  --ma-on-secondary: #FAFAFA;
  --ma-secondary-subtle: #1F1F1F;
  --ma-on-secondary-subtle: #DCDCDC;
  --ma-secondary-text: #C4C4C4;
  --ma-accent-50: #FFF4F2;
  --ma-on-accent-50: #070707;
  --ma-accent-100: #FFE6E3;
  --ma-on-accent-100: #070707;
  --ma-accent-200: #FFCFC9;
  --ma-on-accent-200: #070707;
  --ma-accent-300: #FFABA1;
  --ma-on-accent-300: #070707;
  --ma-accent-400: #FF796C;
  --ma-on-accent-400: #070707;
  --ma-accent-500: #EC1C23;
  --ma-on-accent-500: #070707;
  --ma-accent-600: #BC0012;
  --ma-on-accent-600: #FAFAFA;
  --ma-accent-700: #99000C;
  --ma-on-accent-700: #FAFAFA;
  --ma-accent-800: #7D0008;
  --ma-on-accent-800: #FAFAFA;
  --ma-accent-900: #610004;
  --ma-on-accent-900: #FAFAFA;
  --ma-accent-950: #430002;
  --ma-on-accent-950: #FAFAFA;
  --ma-accent: #BC0012;
  --ma-accent-hover: #99000C;
  --ma-accent-active: #7D0008;
  --ma-on-accent: #FAFAFA;
  --ma-accent-subtle: #430002;
  --ma-on-accent-subtle: #FFCFC9;
  --ma-accent-text: #FFABA1;
  --ma-neutral-50: #FAFAFA;
  --ma-on-neutral-50: #070707;
  --ma-neutral-100: #F4F4F4;
  --ma-on-neutral-100: #070707;
  --ma-neutral-200: #E7E7E7;
  --ma-on-neutral-200: #070707;
  --ma-neutral-300: #D4D4D4;
  --ma-on-neutral-300: #070707;
  --ma-neutral-400: #9F9F9F;
  --ma-on-neutral-400: #070707;
  --ma-neutral-500: #737373;
  --ma-on-neutral-500: #FAFAFA;
  --ma-neutral-600: #545454;
  --ma-on-neutral-600: #FAFAFA;
  --ma-neutral-700: #404040;
  --ma-on-neutral-700: #FAFAFA;
  --ma-neutral-800: #292929;
  --ma-on-neutral-800: #FAFAFA;
  --ma-neutral-900: #181818;
  --ma-on-neutral-900: #FAFAFA;
  --ma-neutral-950: #070707;
  --ma-on-neutral-950: #FAFAFA;
  --ma-neutral: #545454;
  --ma-neutral-hover: #404040;
  --ma-neutral-active: #292929;
  --ma-on-neutral: #FAFAFA;
  --ma-neutral-subtle: #070707;
  --ma-on-neutral-subtle: #E7E7E7;
  --ma-neutral-text: #D4D4D4;
  --ma-success-50: #EEFBEF;
  --ma-on-success-50: #070707;
  --ma-success-100: #DCF4E0;
  --ma-on-success-100: #070707;
  --ma-success-200: #BCEAC3;
  --ma-on-success-200: #070707;
  --ma-success-300: #8FD99C;
  --ma-on-success-300: #070707;
  --ma-success-400: #5CC173;
  --ma-on-success-400: #070707;
  --ma-success-500: #16A34A;
  --ma-on-success-500: #070707;
  --ma-success-600: #007832;
  --ma-on-success-600: #FAFAFA;
  --ma-success-700: #006127;
  --ma-on-success-700: #FAFAFA;
  --ma-success-800: #004E1E;
  --ma-on-success-800: #FAFAFA;
  --ma-success-900: #003C15;
  --ma-on-success-900: #FAFAFA;
  --ma-success-950: #00280B;
  --ma-on-success-950: #FAFAFA;
  --ma-success: #007832;
  --ma-success-hover: #006127;
  --ma-success-active: #004E1E;
  --ma-on-success: #FAFAFA;
  --ma-success-subtle: #00280B;
  --ma-on-success-subtle: #BCEAC3;
  --ma-success-text: #8FD99C;
  --ma-warning-50: #FFF5EA;
  --ma-on-warning-50: #070707;
  --ma-warning-100: #FDE9D3;
  --ma-on-warning-100: #070707;
  --ma-warning-200: #FBD5AB;
  --ma-on-warning-200: #070707;
  --ma-warning-300: #F1B873;
  --ma-on-warning-300: #070707;
  --ma-warning-400: #F59E0B;
  --ma-on-warning-400: #070707;
  --ma-warning-500: #B57300;
  --ma-on-warning-500: #070707;
  --ma-warning-600: #8A5600;
  --ma-on-warning-600: #FAFAFA;
  --ma-warning-700: #704500;
  --ma-on-warning-700: #FAFAFA;
  --ma-warning-800: #5A3700;
  --ma-on-warning-800: #FAFAFA;
  --ma-warning-900: #462900;
  --ma-on-warning-900: #FAFAFA;
  --ma-warning-950: #2F1A00;
  --ma-on-warning-950: #FAFAFA;
  --ma-warning: #8A5600;
  --ma-warning-hover: #704500;
  --ma-warning-active: #5A3700;
  --ma-on-warning: #FAFAFA;
  --ma-warning-subtle: #2F1A00;
  --ma-on-warning-subtle: #FBD5AB;
  --ma-warning-text: #F1B873;
  --ma-danger-50: #FFF4F2;
  --ma-on-danger-50: #070707;
  --ma-danger-100: #FFE6E2;
  --ma-on-danger-100: #070707;
  --ma-danger-200: #FFD0C7;
  --ma-on-danger-200: #070707;
  --ma-danger-300: #FFAB9E;
  --ma-on-danger-300: #070707;
  --ma-danger-400: #FA7D6C;
  --ma-on-danger-400: #070707;
  --ma-danger-500: #D94E3F;
  --ma-on-danger-500: #070707;
  --ma-danger-600: #B42318;
  --ma-on-danger-600: #FAFAFA;
  --ma-danger-700: #980A04;
  --ma-on-danger-700: #FAFAFA;
  --ma-danger-800: #7D0100;
  --ma-on-danger-800: #FAFAFA;
  --ma-danger-900: #610000;
  --ma-on-danger-900: #FAFAFA;
  --ma-danger-950: #430000;
  --ma-on-danger-950: #FAFAFA;
  --ma-danger: #B42318;
  --ma-danger-hover: #980A04;
  --ma-danger-active: #7D0100;
  --ma-on-danger: #FAFAFA;
  --ma-danger-subtle: #430000;
  --ma-on-danger-subtle: #FFD0C7;
  --ma-danger-text: #FFAB9E;
  --ma-info-50: #F0F8FF;
  --ma-on-info-50: #070707;
  --ma-info-100: #DDF0FF;
  --ma-on-info-100: #070707;
  --ma-info-200: #BDE2FF;
  --ma-on-info-200: #070707;
  --ma-info-300: #8ECCFB;
  --ma-on-info-300: #070707;
  --ma-info-400: #5CB0EC;
  --ma-on-info-400: #070707;
  --ma-info-500: #0284C7;
  --ma-on-info-500: #070707;
  --ma-info-600: #0069A0;
  --ma-on-info-600: #FAFAFA;
  --ma-info-700: #005582;
  --ma-on-info-700: #FAFAFA;
  --ma-info-800: #00446A;
  --ma-on-info-800: #FAFAFA;
  --ma-info-900: #003452;
  --ma-on-info-900: #FAFAFA;
  --ma-info-950: #002238;
  --ma-on-info-950: #FAFAFA;
  --ma-info: #0069A0;
  --ma-info-hover: #005582;
  --ma-info-active: #00446A;
  --ma-on-info: #FAFAFA;
  --ma-info-subtle: #002238;
  --ma-on-info-subtle: #BDE2FF;
  --ma-info-text: #8ECCFB;
  --ma-bg: #070707;
  --ma-surface: #181818;
  --ma-surface-raised: #292929;
  --ma-surface-overlay: #F4F4F4;
  --ma-surface-sunken: #292929;
  --ma-border: #292929;
  --ma-border-strong: #404040;
  --ma-divider: #292929;
  --ma-text: #F4F4F4;
  --ma-text-secondary: #9F9F9F;
  --ma-text-muted: #737373;
  --ma-text-disabled: #545454;
  --ma-text-inverse: #070707;
  --ma-surface-hover: color-mix(in oklch, #292929 60%, transparent);
  --ma-link: #FFABA1;
  --ma-link-hover: #FFCFC9;
  --ma-focus-ring: #FF796C;
  --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: #FFF4F2;
    --ma-on-primary-50: #070707;
    --ma-primary-100: #FFE6E3;
    --ma-on-primary-100: #070707;
    --ma-primary-200: #FFCFC9;
    --ma-on-primary-200: #070707;
    --ma-primary-300: #FFABA1;
    --ma-on-primary-300: #070707;
    --ma-primary-400: #FF796C;
    --ma-on-primary-400: #070707;
    --ma-primary-500: #EC1C23;
    --ma-on-primary-500: #070707;
    --ma-primary-600: #BC0012;
    --ma-on-primary-600: #FAFAFA;
    --ma-primary-700: #99000C;
    --ma-on-primary-700: #FAFAFA;
    --ma-primary-800: #7D0008;
    --ma-on-primary-800: #FAFAFA;
    --ma-primary-900: #610004;
    --ma-on-primary-900: #FAFAFA;
    --ma-primary-950: #430002;
    --ma-on-primary-950: #FAFAFA;
    --ma-primary: #BC0012;
    --ma-primary-hover: #99000C;
    --ma-primary-active: #7D0008;
    --ma-on-primary: #FAFAFA;
    --ma-primary-subtle: #430002;
    --ma-on-primary-subtle: #FFCFC9;
    --ma-primary-text: #FFABA1;
    --ma-secondary-50: #F7F7F7;
    --ma-on-secondary-50: #070707;
    --ma-secondary-100: #EDEDED;
    --ma-on-secondary-100: #070707;
    --ma-secondary-200: #DCDCDC;
    --ma-on-secondary-200: #070707;
    --ma-secondary-300: #C4C4C4;
    --ma-on-secondary-300: #070707;
    --ma-secondary-400: #A8A8A8;
    --ma-on-secondary-400: #070707;
    --ma-secondary-500: #838383;
    --ma-on-secondary-500: #070707;
    --ma-secondary-600: #636363;
    --ma-on-secondary-600: #FAFAFA;
    --ma-secondary-700: #505050;
    --ma-on-secondary-700: #FAFAFA;
    --ma-secondary-800: #404040;
    --ma-on-secondary-800: #FAFAFA;
    --ma-secondary-900: #303030;
    --ma-on-secondary-900: #FAFAFA;
    --ma-secondary-950: #1F1F1F;
    --ma-on-secondary-950: #FAFAFA;
    --ma-secondary: #636363;
    --ma-secondary-hover: #505050;
    --ma-secondary-active: #404040;
    --ma-on-secondary: #FAFAFA;
    --ma-secondary-subtle: #1F1F1F;
    --ma-on-secondary-subtle: #DCDCDC;
    --ma-secondary-text: #C4C4C4;
    --ma-accent-50: #FFF4F2;
    --ma-on-accent-50: #070707;
    --ma-accent-100: #FFE6E3;
    --ma-on-accent-100: #070707;
    --ma-accent-200: #FFCFC9;
    --ma-on-accent-200: #070707;
    --ma-accent-300: #FFABA1;
    --ma-on-accent-300: #070707;
    --ma-accent-400: #FF796C;
    --ma-on-accent-400: #070707;
    --ma-accent-500: #EC1C23;
    --ma-on-accent-500: #070707;
    --ma-accent-600: #BC0012;
    --ma-on-accent-600: #FAFAFA;
    --ma-accent-700: #99000C;
    --ma-on-accent-700: #FAFAFA;
    --ma-accent-800: #7D0008;
    --ma-on-accent-800: #FAFAFA;
    --ma-accent-900: #610004;
    --ma-on-accent-900: #FAFAFA;
    --ma-accent-950: #430002;
    --ma-on-accent-950: #FAFAFA;
    --ma-accent: #BC0012;
    --ma-accent-hover: #99000C;
    --ma-accent-active: #7D0008;
    --ma-on-accent: #FAFAFA;
    --ma-accent-subtle: #430002;
    --ma-on-accent-subtle: #FFCFC9;
    --ma-accent-text: #FFABA1;
    --ma-neutral-50: #FAFAFA;
    --ma-on-neutral-50: #070707;
    --ma-neutral-100: #F4F4F4;
    --ma-on-neutral-100: #070707;
    --ma-neutral-200: #E7E7E7;
    --ma-on-neutral-200: #070707;
    --ma-neutral-300: #D4D4D4;
    --ma-on-neutral-300: #070707;
    --ma-neutral-400: #9F9F9F;
    --ma-on-neutral-400: #070707;
    --ma-neutral-500: #737373;
    --ma-on-neutral-500: #FAFAFA;
    --ma-neutral-600: #545454;
    --ma-on-neutral-600: #FAFAFA;
    --ma-neutral-700: #404040;
    --ma-on-neutral-700: #FAFAFA;
    --ma-neutral-800: #292929;
    --ma-on-neutral-800: #FAFAFA;
    --ma-neutral-900: #181818;
    --ma-on-neutral-900: #FAFAFA;
    --ma-neutral-950: #070707;
    --ma-on-neutral-950: #FAFAFA;
    --ma-neutral: #545454;
    --ma-neutral-hover: #404040;
    --ma-neutral-active: #292929;
    --ma-on-neutral: #FAFAFA;
    --ma-neutral-subtle: #070707;
    --ma-on-neutral-subtle: #E7E7E7;
    --ma-neutral-text: #D4D4D4;
    --ma-success-50: #EEFBEF;
    --ma-on-success-50: #070707;
    --ma-success-100: #DCF4E0;
    --ma-on-success-100: #070707;
    --ma-success-200: #BCEAC3;
    --ma-on-success-200: #070707;
    --ma-success-300: #8FD99C;
    --ma-on-success-300: #070707;
    --ma-success-400: #5CC173;
    --ma-on-success-400: #070707;
    --ma-success-500: #16A34A;
    --ma-on-success-500: #070707;
    --ma-success-600: #007832;
    --ma-on-success-600: #FAFAFA;
    --ma-success-700: #006127;
    --ma-on-success-700: #FAFAFA;
    --ma-success-800: #004E1E;
    --ma-on-success-800: #FAFAFA;
    --ma-success-900: #003C15;
    --ma-on-success-900: #FAFAFA;
    --ma-success-950: #00280B;
    --ma-on-success-950: #FAFAFA;
    --ma-success: #007832;
    --ma-success-hover: #006127;
    --ma-success-active: #004E1E;
    --ma-on-success: #FAFAFA;
    --ma-success-subtle: #00280B;
    --ma-on-success-subtle: #BCEAC3;
    --ma-success-text: #8FD99C;
    --ma-warning-50: #FFF5EA;
    --ma-on-warning-50: #070707;
    --ma-warning-100: #FDE9D3;
    --ma-on-warning-100: #070707;
    --ma-warning-200: #FBD5AB;
    --ma-on-warning-200: #070707;
    --ma-warning-300: #F1B873;
    --ma-on-warning-300: #070707;
    --ma-warning-400: #F59E0B;
    --ma-on-warning-400: #070707;
    --ma-warning-500: #B57300;
    --ma-on-warning-500: #070707;
    --ma-warning-600: #8A5600;
    --ma-on-warning-600: #FAFAFA;
    --ma-warning-700: #704500;
    --ma-on-warning-700: #FAFAFA;
    --ma-warning-800: #5A3700;
    --ma-on-warning-800: #FAFAFA;
    --ma-warning-900: #462900;
    --ma-on-warning-900: #FAFAFA;
    --ma-warning-950: #2F1A00;
    --ma-on-warning-950: #FAFAFA;
    --ma-warning: #8A5600;
    --ma-warning-hover: #704500;
    --ma-warning-active: #5A3700;
    --ma-on-warning: #FAFAFA;
    --ma-warning-subtle: #2F1A00;
    --ma-on-warning-subtle: #FBD5AB;
    --ma-warning-text: #F1B873;
    --ma-danger-50: #FFF4F2;
    --ma-on-danger-50: #070707;
    --ma-danger-100: #FFE6E2;
    --ma-on-danger-100: #070707;
    --ma-danger-200: #FFD0C7;
    --ma-on-danger-200: #070707;
    --ma-danger-300: #FFAB9E;
    --ma-on-danger-300: #070707;
    --ma-danger-400: #FA7D6C;
    --ma-on-danger-400: #070707;
    --ma-danger-500: #D94E3F;
    --ma-on-danger-500: #070707;
    --ma-danger-600: #B42318;
    --ma-on-danger-600: #FAFAFA;
    --ma-danger-700: #980A04;
    --ma-on-danger-700: #FAFAFA;
    --ma-danger-800: #7D0100;
    --ma-on-danger-800: #FAFAFA;
    --ma-danger-900: #610000;
    --ma-on-danger-900: #FAFAFA;
    --ma-danger-950: #430000;
    --ma-on-danger-950: #FAFAFA;
    --ma-danger: #B42318;
    --ma-danger-hover: #980A04;
    --ma-danger-active: #7D0100;
    --ma-on-danger: #FAFAFA;
    --ma-danger-subtle: #430000;
    --ma-on-danger-subtle: #FFD0C7;
    --ma-danger-text: #FFAB9E;
    --ma-info-50: #F0F8FF;
    --ma-on-info-50: #070707;
    --ma-info-100: #DDF0FF;
    --ma-on-info-100: #070707;
    --ma-info-200: #BDE2FF;
    --ma-on-info-200: #070707;
    --ma-info-300: #8ECCFB;
    --ma-on-info-300: #070707;
    --ma-info-400: #5CB0EC;
    --ma-on-info-400: #070707;
    --ma-info-500: #0284C7;
    --ma-on-info-500: #070707;
    --ma-info-600: #0069A0;
    --ma-on-info-600: #FAFAFA;
    --ma-info-700: #005582;
    --ma-on-info-700: #FAFAFA;
    --ma-info-800: #00446A;
    --ma-on-info-800: #FAFAFA;
    --ma-info-900: #003452;
    --ma-on-info-900: #FAFAFA;
    --ma-info-950: #002238;
    --ma-on-info-950: #FAFAFA;
    --ma-info: #0069A0;
    --ma-info-hover: #005582;
    --ma-info-active: #00446A;
    --ma-on-info: #FAFAFA;
    --ma-info-subtle: #002238;
    --ma-on-info-subtle: #BDE2FF;
    --ma-info-text: #8ECCFB;
    --ma-bg: #070707;
    --ma-surface: #181818;
    --ma-surface-raised: #292929;
    --ma-surface-overlay: #F4F4F4;
    --ma-surface-sunken: #292929;
    --ma-border: #292929;
    --ma-border-strong: #404040;
    --ma-divider: #292929;
    --ma-text: #F4F4F4;
    --ma-text-secondary: #9F9F9F;
    --ma-text-muted: #737373;
    --ma-text-disabled: #545454;
    --ma-text-inverse: #070707;
    --ma-surface-hover: color-mix(in oklch, #292929 60%, transparent);
    --ma-link: #FFABA1;
    --ma-link-hover: #FFCFC9;
    --ma-focus-ring: #FF796C;
    --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: "Montserrat", 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;
  --ma-radius-md: 0;
  --ma-radius-lg: 0;
  --ma-radius-xl: 0;
  --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: 1;
  --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;
}