:root, [data-theme="light"] { color-scheme: light; --ma-primary-50: #F0F8FF; --ma-on-primary-50: #030710; --ma-primary-100: #DDF0FF; --ma-on-primary-100: #030710; --ma-primary-200: #BDE2FF; --ma-on-primary-200: #030710; --ma-primary-300: #8ECCFB; --ma-on-primary-300: #030710; --ma-primary-400: #5CB0EC; --ma-on-primary-400: #030710; --ma-primary-500: #0284C7; --ma-on-primary-500: #030710; --ma-primary-600: #0069A0; --ma-on-primary-600: #F8FAFD; --ma-primary-700: #005582; --ma-on-primary-700: #F8FAFD; --ma-primary-800: #00446A; --ma-on-primary-800: #F8FAFD; --ma-primary-900: #003452; --ma-on-primary-900: #F8FAFD; --ma-primary-950: #002238; --ma-on-primary-950: #F8FAFD; --ma-primary: #0069A0; --ma-primary-hover: #005582; --ma-primary-active: #00446A; --ma-on-primary: #F8FAFD; --ma-primary-subtle: #F0F8FF; --ma-on-primary-subtle: #00446A; --ma-primary-text: #005582; --ma-secondary-50: #F0F9F8; --ma-on-secondary-50: #030710; --ma-secondary-100: #E0F1EF; --ma-on-secondary-100: #030710; --ma-secondary-200: #C3E5E0; --ma-on-secondary-200: #030710; --ma-secondary-300: #9AD1CA; --ma-on-secondary-300: #030710; --ma-secondary-400: #6FB7AF; --ma-on-secondary-400: #030710; --ma-secondary-500: #3D938B; --ma-on-secondary-500: #030710; --ma-secondary-600: #0F766E; --ma-on-secondary-600: #F8FAFD; --ma-secondary-700: #005D56; --ma-on-secondary-700: #F8FAFD; --ma-secondary-800: #004B45; --ma-on-secondary-800: #F8FAFD; --ma-secondary-900: #003935; --ma-on-secondary-900: #F8FAFD; --ma-secondary-950: #002622; --ma-on-secondary-950: #F8FAFD; --ma-secondary: #0F766E; --ma-secondary-hover: #005D56; --ma-secondary-active: #004B45; --ma-on-secondary: #F8FAFD; --ma-secondary-subtle: #F0F9F8; --ma-on-secondary-subtle: #004B45; --ma-secondary-text: #005D56; --ma-accent-50: #EFF8FF; --ma-on-accent-50: #030710; --ma-accent-100: #DBF0FF; --ma-on-accent-100: #030710; --ma-accent-200: #B9E3FF; --ma-on-accent-200: #030710; --ma-accent-300: #85CEFC; --ma-on-accent-300: #030710; --ma-accent-400: #0EA5E9; --ma-on-accent-400: #030710; --ma-accent-500: #008DC9; --ma-on-accent-500: #030710; --ma-accent-600: #006B9A; --ma-on-accent-600: #F8FAFD; --ma-accent-700: #00567D; --ma-on-accent-700: #F8FAFD; --ma-accent-800: #004565; --ma-on-accent-800: #F8FAFD; --ma-accent-900: #00354E; --ma-on-accent-900: #F8FAFD; --ma-accent-950: #002235; --ma-on-accent-950: #F8FAFD; --ma-accent: #006B9A; --ma-accent-hover: #00567D; --ma-accent-active: #004565; --ma-on-accent: #F8FAFD; --ma-accent-subtle: #EFF8FF; --ma-on-accent-subtle: #004565; --ma-accent-text: #00567D; --ma-neutral-50: #F8FAFD; --ma-on-neutral-50: #030710; --ma-neutral-100: #F1F5FB; --ma-on-neutral-100: #030710; --ma-neutral-200: #E1E8F3; --ma-on-neutral-200: #030710; --ma-neutral-300: #C9D5E6; --ma-on-neutral-300: #030710; --ma-neutral-400: #92A1B6; --ma-on-neutral-400: #030710; --ma-neutral-500: #64748B; --ma-on-neutral-500: #F8FAFD; --ma-neutral-600: #46556B; --ma-on-neutral-600: #F8FAFD; --ma-neutral-700: #334155; --ma-on-neutral-700: #F8FAFD; --ma-neutral-800: #1E2939; --ma-on-neutral-800: #F8FAFD; --ma-neutral-900: #0F1825; --ma-on-neutral-900: #F8FAFD; --ma-neutral-950: #030710; --ma-on-neutral-950: #F8FAFD; --ma-neutral: #46556B; --ma-neutral-hover: #334155; --ma-neutral-active: #1E2939; --ma-on-neutral: #F8FAFD; --ma-neutral-subtle: #F8FAFD; --ma-on-neutral-subtle: #1E2939; --ma-neutral-text: #334155; --ma-success-50: #EEFBEF; --ma-on-success-50: #030710; --ma-success-100: #DCF4E0; --ma-on-success-100: #030710; --ma-success-200: #BCEAC3; --ma-on-success-200: #030710; --ma-success-300: #8FD99C; --ma-on-success-300: #030710; --ma-success-400: #5CC173; --ma-on-success-400: #030710; --ma-success-500: #16A34A; --ma-on-success-500: #030710; --ma-success-600: #007832; --ma-on-success-600: #F8FAFD; --ma-success-700: #006127; --ma-on-success-700: #F8FAFD; --ma-success-800: #004E1E; --ma-on-success-800: #F8FAFD; --ma-success-900: #003C15; --ma-on-success-900: #F8FAFD; --ma-success-950: #00280B; --ma-on-success-950: #F8FAFD; --ma-success: #007832; --ma-success-hover: #006127; --ma-success-active: #004E1E; --ma-on-success: #F8FAFD; --ma-success-subtle: #EEFBEF; --ma-on-success-subtle: #004E1E; --ma-success-text: #006127; --ma-warning-50: #FFF5EA; --ma-on-warning-50: #030710; --ma-warning-100: #FDE9D3; --ma-on-warning-100: #030710; --ma-warning-200: #FBD5AB; --ma-on-warning-200: #030710; --ma-warning-300: #F1B873; --ma-on-warning-300: #030710; --ma-warning-400: #F59E0B; --ma-on-warning-400: #030710; --ma-warning-500: #B57300; --ma-on-warning-500: #030710; --ma-warning-600: #8A5600; --ma-on-warning-600: #F8FAFD; --ma-warning-700: #704500; --ma-on-warning-700: #F8FAFD; --ma-warning-800: #5A3700; --ma-on-warning-800: #F8FAFD; --ma-warning-900: #462900; --ma-on-warning-900: #F8FAFD; --ma-warning-950: #2F1A00; --ma-on-warning-950: #F8FAFD; --ma-warning: #8A5600; --ma-warning-hover: #704500; --ma-warning-active: #5A3700; --ma-on-warning: #F8FAFD; --ma-warning-subtle: #FFF5EA; --ma-on-warning-subtle: #5A3700; --ma-warning-text: #704500; --ma-danger-50: #FFF4F4; --ma-on-danger-50: #030710; --ma-danger-100: #FFE6E6; --ma-on-danger-100: #030710; --ma-danger-200: #FFCECF; --ma-on-danger-200: #030710; --ma-danger-300: #FFA9AC; --ma-on-danger-300: #030710; --ma-danger-400: #FF7680; --ma-on-danger-400: #030710; --ma-danger-500: #E11D48; --ma-on-danger-500: #F8FAFD; --ma-danger-600: #BA0036; --ma-on-danger-600: #F8FAFD; --ma-danger-700: #98002A; --ma-on-danger-700: #F8FAFD; --ma-danger-800: #7B0020; --ma-on-danger-800: #F8FAFD; --ma-danger-900: #600017; --ma-on-danger-900: #F8FAFD; --ma-danger-950: #42000D; --ma-on-danger-950: #F8FAFD; --ma-danger: #BA0036; --ma-danger-hover: #98002A; --ma-danger-active: #7B0020; --ma-on-danger: #F8FAFD; --ma-danger-subtle: #FFF4F4; --ma-on-danger-subtle: #7B0020; --ma-danger-text: #98002A; --ma-info-50: #F0F8FF; --ma-on-info-50: #030710; --ma-info-100: #DDF0FF; --ma-on-info-100: #030710; --ma-info-200: #BDE2FF; --ma-on-info-200: #030710; --ma-info-300: #8ECCFB; --ma-on-info-300: #030710; --ma-info-400: #5CB0EC; --ma-on-info-400: #030710; --ma-info-500: #0284C7; --ma-on-info-500: #030710; --ma-info-600: #0069A0; --ma-on-info-600: #F8FAFD; --ma-info-700: #005582; --ma-on-info-700: #F8FAFD; --ma-info-800: #00446A; --ma-on-info-800: #F8FAFD; --ma-info-900: #003452; --ma-on-info-900: #F8FAFD; --ma-info-950: #002238; --ma-on-info-950: #F8FAFD; --ma-info: #0069A0; --ma-info-hover: #005582; --ma-info-active: #00446A; --ma-on-info: #F8FAFD; --ma-info-subtle: #F0F8FF; --ma-on-info-subtle: #00446A; --ma-info-text: #005582; --ma-tertiary-50: #F7F5FF; --ma-on-tertiary-50: #030710; --ma-tertiary-100: #EDEAFF; --ma-on-tertiary-100: #030710; --ma-tertiary-200: #DDD6FF; --ma-on-tertiary-200: #030710; --ma-tertiary-300: #C6B8FF; --ma-on-tertiary-300: #030710; --ma-tertiary-400: #AC93FF; --ma-on-tertiary-400: #030710; --ma-tertiary-500: #8E58FF; --ma-on-tertiary-500: #030710; --ma-tertiary-600: #7C3AED; --ma-on-tertiary-600: #F8FAFD; --ma-tertiary-700: #5D0CBF; --ma-on-tertiary-700: #F8FAFD; --ma-tertiary-800: #4B009F; --ma-on-tertiary-800: #F8FAFD; --ma-tertiary-900: #3A007D; --ma-on-tertiary-900: #F8FAFD; --ma-tertiary-950: #260057; --ma-on-tertiary-950: #F8FAFD; --ma-tertiary: #7C3AED; --ma-tertiary-hover: #5D0CBF; --ma-tertiary-active: #4B009F; --ma-on-tertiary: #F8FAFD; --ma-tertiary-subtle: #F7F5FF; --ma-on-tertiary-subtle: #4B009F; --ma-tertiary-text: #5D0CBF; --ma-highlight-50: #FDF6E8; --ma-on-highlight-50: #030710; --ma-highlight-100: #F7ECD3; --ma-on-highlight-100: #030710; --ma-highlight-200: #F0DAA9; --ma-on-highlight-200: #030710; --ma-highlight-300: #EAB308; --ma-on-highlight-300: #030710; --ma-highlight-400: #CEA026; --ma-on-highlight-400: #030710; --ma-highlight-500: #A47C00; --ma-on-highlight-500: #030710; --ma-highlight-600: #7D5E00; --ma-on-highlight-600: #F8FAFD; --ma-highlight-700: #654B00; --ma-on-highlight-700: #F8FAFD; --ma-highlight-800: #513C00; --ma-on-highlight-800: #F8FAFD; --ma-highlight-900: #3F2D00; --ma-on-highlight-900: #F8FAFD; --ma-highlight-950: #2A1D00; --ma-on-highlight-950: #F8FAFD; --ma-highlight: #7D5E00; --ma-highlight-hover: #654B00; --ma-highlight-active: #513C00; --ma-on-highlight: #F8FAFD; --ma-highlight-subtle: #FDF6E8; --ma-on-highlight-subtle: #513C00; --ma-highlight-text: #654B00; --ma-discovery-50: #F8F5FF; --ma-on-discovery-50: #030710; --ma-discovery-100: #F1E8FF; --ma-on-discovery-100: #030710; --ma-discovery-200: #E4D3FF; --ma-on-discovery-200: #030710; --ma-discovery-300: #D1B3FF; --ma-on-discovery-300: #030710; --ma-discovery-400: #BD8AFF; --ma-on-discovery-400: #030710; --ma-discovery-500: #9333EA; --ma-on-discovery-500: #F8FAFD; --ma-discovery-600: #8215D6; --ma-on-discovery-600: #F8FAFD; --ma-discovery-700: #6B00B3; --ma-on-discovery-700: #F8FAFD; --ma-discovery-800: #560092; --ma-on-discovery-800: #F8FAFD; --ma-discovery-900: #420072; --ma-on-discovery-900: #F8FAFD; --ma-discovery-950: #2C004F; --ma-on-discovery-950: #F8FAFD; --ma-discovery: #8215D6; --ma-discovery-hover: #6B00B3; --ma-discovery-active: #560092; --ma-on-discovery: #F8FAFD; --ma-discovery-subtle: #F8F5FF; --ma-on-discovery-subtle: #560092; --ma-discovery-text: #6B00B3; --ma-positive-50: #EEFAF4; --ma-on-positive-50: #030710; --ma-positive-100: #DDF3E8; --ma-on-positive-100: #030710; --ma-positive-200: #BDE8D2; --ma-on-positive-200: #030710; --ma-positive-300: #91D6B5; --ma-on-positive-300: #030710; --ma-positive-400: #5FBD94; --ma-on-positive-400: #030710; --ma-positive-500: #059669; --ma-on-positive-500: #030710; --ma-positive-600: #007651; --ma-on-positive-600: #F8FAFD; --ma-positive-700: #005F41; --ma-on-positive-700: #F8FAFD; --ma-positive-800: #004C33; --ma-on-positive-800: #F8FAFD; --ma-positive-900: #003B26; --ma-on-positive-900: #F8FAFD; --ma-positive-950: #002718; --ma-on-positive-950: #F8FAFD; --ma-positive: #007651; --ma-positive-hover: #005F41; --ma-positive-active: #004C33; --ma-on-positive: #F8FAFD; --ma-positive-subtle: #EEFAF4; --ma-on-positive-subtle: #004C33; --ma-positive-text: #005F41; --ma-negative-50: #FFF4F2; --ma-on-negative-50: #030710; --ma-negative-100: #FFE6E3; --ma-on-negative-100: #030710; --ma-negative-200: #FFCFC9; --ma-on-negative-200: #030710; --ma-negative-300: #FFABA0; --ma-on-negative-300: #030710; --ma-negative-400: #FF796C; --ma-on-negative-400: #030710; --ma-negative-500: #DC2626; --ma-on-negative-500: #F8FAFD; --ma-negative-600: #BC0010; --ma-on-negative-600: #F8FAFD; --ma-negative-700: #99000B; --ma-on-negative-700: #F8FAFD; --ma-negative-800: #7D0007; --ma-on-negative-800: #F8FAFD; --ma-negative-900: #610004; --ma-on-negative-900: #F8FAFD; --ma-negative-950: #430002; --ma-on-negative-950: #F8FAFD; --ma-negative: #BC0010; --ma-negative-hover: #99000B; --ma-negative-active: #7D0007; --ma-on-negative: #F8FAFD; --ma-negative-subtle: #FFF4F2; --ma-on-negative-subtle: #7D0007; --ma-negative-text: #99000B; --ma-pending-50: #FFF5ED; --ma-on-pending-50: #030710; --ma-pending-100: #FFE8D7; --ma-on-pending-100: #030710; --ma-pending-200: #FFD2B2; --ma-on-pending-200: #030710; --ma-pending-300: #F7B37F; --ma-on-pending-300: #030710; --ma-pending-400: #E69048; --ma-on-pending-400: #030710; --ma-pending-500: #D97706; --ma-on-pending-500: #030710; --ma-pending-600: #944F00; --ma-on-pending-600: #F8FAFD; --ma-pending-700: #783F00; --ma-on-pending-700: #F8FAFD; --ma-pending-800: #613200; --ma-on-pending-800: #F8FAFD; --ma-pending-900: #4B2500; --ma-on-pending-900: #F8FAFD; --ma-pending-950: #331700; --ma-on-pending-950: #F8FAFD; --ma-pending: #944F00; --ma-pending-hover: #783F00; --ma-pending-active: #613200; --ma-on-pending: #F8FAFD; --ma-pending-subtle: #FFF5ED; --ma-on-pending-subtle: #613200; --ma-pending-text: #783F00; --ma-progress-50: #F3F7FF; --ma-on-progress-50: #030710; --ma-progress-100: #E4EDFF; --ma-on-progress-100: #030710; --ma-progress-200: #CBDDFF; --ma-on-progress-200: #030710; --ma-progress-300: #A5C4FF; --ma-on-progress-300: #030710; --ma-progress-400: #78A6FF; --ma-on-progress-400: #030710; --ma-progress-500: #3B79FE; --ma-on-progress-500: #030710; --ma-progress-600: #2563EB; --ma-on-progress-600: #F8FAFD; --ma-progress-700: #073FBC; --ma-on-progress-700: #F8FAFD; --ma-progress-800: #01309D; --ma-on-progress-800: #F8FAFD; --ma-progress-900: #01247A; --ma-on-progress-900: #F8FAFD; --ma-progress-950: #001656; --ma-on-progress-950: #F8FAFD; --ma-progress: #2563EB; --ma-progress-hover: #073FBC; --ma-progress-active: #01309D; --ma-on-progress: #F8FAFD; --ma-progress-subtle: #F3F7FF; --ma-on-progress-subtle: #01309D; --ma-progress-text: #073FBC; --ma-selection-50: #F0F8FF; --ma-on-selection-50: #030710; --ma-selection-100: #DDF0FF; --ma-on-selection-100: #030710; --ma-selection-200: #BDE2FF; --ma-on-selection-200: #030710; --ma-selection-300: #8ECCFB; --ma-on-selection-300: #030710; --ma-selection-400: #5CB0EC; --ma-on-selection-400: #030710; --ma-selection-500: #0284C7; --ma-on-selection-500: #030710; --ma-selection-600: #0069A0; --ma-on-selection-600: #F8FAFD; --ma-selection-700: #005582; --ma-on-selection-700: #F8FAFD; --ma-selection-800: #00446A; --ma-on-selection-800: #F8FAFD; --ma-selection-900: #003452; --ma-on-selection-900: #F8FAFD; --ma-selection-950: #002238; --ma-on-selection-950: #F8FAFD; --ma-selection: #0069A0; --ma-selection-hover: #005582; --ma-selection-active: #00446A; --ma-on-selection: #F8FAFD; --ma-selection-subtle: #F0F8FF; --ma-on-selection-subtle: #00446A; --ma-selection-text: #005582; --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-hue-red: #990014; --ma-hue-red-subtle: color-mix(in oklch, #EF4444 15%, var(--ma-surface)); --ma-hue-red-solid: #BC001B; --ma-hue-yellow: #654B00; --ma-hue-yellow-subtle: color-mix(in oklch, #A47C00 15%, var(--ma-surface)); --ma-hue-yellow-solid: #7D5E00; --ma-hue-lime: #385C00; --ma-hue-lime-subtle: color-mix(in oklch, #5E9600 15%, var(--ma-surface)); --ma-hue-lime-solid: #477200; --ma-hue-cyan: #005A6A; --ma-hue-cyan-subtle: color-mix(in oklch, #0093AC 15%, var(--ma-surface)); --ma-hue-cyan-solid: #006F83; --ma-hue-indigo: #3D36B5; --ma-hue-indigo-subtle: color-mix(in oklch, #6366F1 15%, var(--ma-surface)); --ma-hue-indigo-solid: #4D4AD3; --ma-hue-purple: #6C0AAE; --ma-hue-purple-subtle: color-mix(in oklch, #A855F7 15%, var(--ma-surface)); --ma-hue-purple-solid: #8225CB; --ma-hue-fuchsia: #7F008F; --ma-hue-fuchsia-subtle: color-mix(in oklch, #D946EF 15%, var(--ma-surface)); --ma-hue-fuchsia-solid: #9C00B0; --ma-hue-pink: #910056; --ma-hue-pink-subtle: color-mix(in oklch, #EC4899 15%, var(--ma-surface)); --ma-hue-pink-solid: #B2006A; --ma-bg: #F1F5FB; --ma-surface: #FFFFFF; --ma-surface-raised: #FFFFFF; --ma-surface-overlay: #0F1825; --ma-surface-sunken: #F1F5FB; --ma-surface-hover: #F8FAFD; --ma-border: #E1E8F3; --ma-border-strong: #C9D5E6; --ma-divider: #E1E8F3; --ma-text: #0F1825; --ma-text-secondary: #46556B; --ma-text-muted: #64748B; --ma-text-disabled: #92A1B6; --ma-text-inverse: #F8FAFD; --ma-link: #0069A0; --ma-link-hover: #005582; --ma-focus-ring: #008DC9; --ma-shadow-xs: 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-sm: 0 1px 3px color-mix(in oklch, #030710 10%, transparent), 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-md: 0 4px 8px -2px color-mix(in oklch, #030710 10%, transparent), 0 2px 4px -2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-lg: 0 12px 20px -4px color-mix(in oklch, #030710 12%, transparent), 0 4px 8px -4px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-xl: 0 24px 40px -8px color-mix(in oklch, #030710 18%, transparent); --ma-shadow-card: 0 1px 2px 0 color-mix(in oklch, #030710 6%, transparent), 0 1px 3px 0 color-mix(in oklch, #030710 8%, transparent); --ma-shadow-card-hover: 0 2px 4px -1px color-mix(in oklch, #030710 10%, transparent), 0 6px 12px -2px color-mix(in oklch, #030710 12%, transparent); --ma-shadow-pop: 0 8px 24px -4px color-mix(in oklch, #030710 18%, transparent), 0 2px 6px -1px color-mix(in oklch, #030710 12%, transparent); --ma-sidebar-bg: color-mix(in srgb, var(--ma-surface) 60%, var(--ma-bg)); --ma-sidebar-text: var(--ma-text-secondary); --ma-sidebar-text-muted: var(--ma-text-muted); --ma-sidebar-border: var(--ma-border); --ma-sidebar-item-hover-bg: var(--ma-surface-hover); --ma-sidebar-item-active-bg: var(--ma-surface-sunken); --ma-sidebar-item-active-text: var(--ma-text); --ma-sidebar-item-active-indicator: transparent; --ma-topbar-bg: color-mix(in srgb, var(--ma-bg) 88%, transparent); --ma-topbar-text: var(--ma-text); --ma-topbar-border: var(--ma-border); --ma-card-bg: var(--ma-surface); --ma-card-border: var(--ma-border); --ma-control-bg: var(--ma-surface); --ma-control-border: var(--ma-border-strong); --ma-control-placeholder: var(--ma-text-muted); --ma-table-header-bg: var(--ma-surface-sunken); --ma-table-header-text: var(--ma-text-secondary); --ma-table-header-border: var(--ma-border); --ma-table-row-hover-bg: var(--ma-surface-hover); --ma-table-border: var(--ma-divider); --ma-table-stripe-bg: transparent; --ma-backdrop: color-mix(in oklch, #030710 55%, transparent); --ma-tooltip-bg: var(--ma-surface-overlay); --ma-tooltip-text: var(--ma-text-inverse); --ma-topbar-shadow: none; --ma-card-shadow: var(--ma-shadow-card); --ma-card-shadow-hover: var(--ma-shadow-card-hover); --ma-dialog-shadow: var(--ma-shadow-pop); --ma-chart-1: #0047AD; --ma-chart-1-subtle: color-mix(in oklch, var(--ma-chart-1) 18%, var(--ma-surface)); --ma-chart-2: #813600; --ma-chart-2-subtle: color-mix(in oklch, var(--ma-chart-2) 18%, var(--ma-surface)); --ma-chart-3: #005F40; --ma-chart-3-subtle: color-mix(in oklch, var(--ma-chart-3) 18%, var(--ma-surface)); --ma-chart-4: #5A23B3; --ma-chart-4-subtle: color-mix(in oklch, var(--ma-chart-4) 18%, var(--ma-surface)); --ma-chart-5: #97002D; --ma-chart-5-subtle: color-mix(in oklch, var(--ma-chart-5) 18%, var(--ma-surface)); --ma-chart-6: #005D53; --ma-chart-6-subtle: color-mix(in oklch, var(--ma-chart-6) 18%, var(--ma-surface)); --ma-chart-7: #704500; --ma-chart-7-subtle: color-mix(in oklch, var(--ma-chart-7) 18%, var(--ma-surface)); --ma-chart-8: #00567D; --ma-chart-8-subtle: color-mix(in oklch, var(--ma-chart-8) 18%, var(--ma-surface)); --ma-chart-9: #3D36B5; --ma-chart-9-subtle: color-mix(in oklch, var(--ma-chart-9) 18%, var(--ma-surface)); --ma-chart-10: #385C00; --ma-chart-10-subtle: color-mix(in oklch, var(--ma-chart-10) 18%, var(--ma-surface)); --ma-chart-11: #910056; --ma-chart-11-subtle: color-mix(in oklch, var(--ma-chart-11) 18%, var(--ma-surface)); --ma-chart-12: #005A6A; --ma-chart-12-subtle: color-mix(in oklch, var(--ma-chart-12) 18%, var(--ma-surface)); --ma-chart-grid: var(--ma-divider); --ma-chart-axis: var(--ma-border); --ma-chart-label: var(--ma-text-muted); --ma-chart-title: var(--ma-text-secondary); --ma-chart-target: var(--ma-text-muted); --ma-chart-positive: var(--ma-positive); --ma-chart-negative: var(--ma-negative); --ma-chart-forecast: #92A1B6; --ma-chart-crosshair: var(--ma-border); --ma-chart-tooltip-bg: var(--ma-surface-overlay); --ma-chart-tooltip-text: var(--ma-text-inverse); --ma-chart-seq-1: #C9DEFF; --ma-on-chart-seq-1: #030710; --ma-chart-seq-2: #9DBEF4; --ma-on-chart-seq-2: #030710; --ma-chart-seq-3: #719EE8; --ma-on-chart-seq-3: #030710; --ma-chart-seq-4: #457DDA; --ma-on-chart-seq-4: #030710; --ma-chart-seq-5: #115BCC; --ma-on-chart-seq-5: #F8FAFD; --ma-chart-div-1: #9F4400; --ma-on-chart-div-1: #F8FAFD; --ma-chart-div-2: #C17F5D; --ma-on-chart-div-2: #030710; --ma-chart-div-3: #DFB8A5; --ma-on-chart-div-3: #030710; --ma-chart-div-4: #F1F5FB; --ma-on-chart-div-4: #030710; --ma-chart-div-5: #A8C3EF; --ma-on-chart-div-5: #030710; --ma-chart-div-6: #6191DF; --ma-on-chart-div-6: #030710; --ma-chart-div-7: #115BCC; --ma-on-chart-div-7: #F8FAFD; } [data-theme="dark"] { color-scheme: dark; --ma-primary-50: #F0F8FF; --ma-on-primary-50: #030710; --ma-primary-100: #DDF0FF; --ma-on-primary-100: #030710; --ma-primary-200: #BDE2FF; --ma-on-primary-200: #030710; --ma-primary-300: #8ECCFB; --ma-on-primary-300: #030710; --ma-primary-400: #5CB0EC; --ma-on-primary-400: #030710; --ma-primary-500: #0284C7; --ma-on-primary-500: #030710; --ma-primary-600: #0069A0; --ma-on-primary-600: #F8FAFD; --ma-primary-700: #005582; --ma-on-primary-700: #F8FAFD; --ma-primary-800: #00446A; --ma-on-primary-800: #F8FAFD; --ma-primary-900: #003452; --ma-on-primary-900: #F8FAFD; --ma-primary-950: #002238; --ma-on-primary-950: #F8FAFD; --ma-primary: #0069A0; --ma-primary-hover: #005582; --ma-primary-active: #00446A; --ma-on-primary: #F8FAFD; --ma-primary-subtle: #002238; --ma-on-primary-subtle: #BDE2FF; --ma-primary-text: #8ECCFB; --ma-secondary-50: #F0F9F8; --ma-on-secondary-50: #030710; --ma-secondary-100: #E0F1EF; --ma-on-secondary-100: #030710; --ma-secondary-200: #C3E5E0; --ma-on-secondary-200: #030710; --ma-secondary-300: #9AD1CA; --ma-on-secondary-300: #030710; --ma-secondary-400: #6FB7AF; --ma-on-secondary-400: #030710; --ma-secondary-500: #3D938B; --ma-on-secondary-500: #030710; --ma-secondary-600: #0F766E; --ma-on-secondary-600: #F8FAFD; --ma-secondary-700: #005D56; --ma-on-secondary-700: #F8FAFD; --ma-secondary-800: #004B45; --ma-on-secondary-800: #F8FAFD; --ma-secondary-900: #003935; --ma-on-secondary-900: #F8FAFD; --ma-secondary-950: #002622; --ma-on-secondary-950: #F8FAFD; --ma-secondary: #0F766E; --ma-secondary-hover: #005D56; --ma-secondary-active: #004B45; --ma-on-secondary: #F8FAFD; --ma-secondary-subtle: #002622; --ma-on-secondary-subtle: #C3E5E0; --ma-secondary-text: #9AD1CA; --ma-accent-50: #EFF8FF; --ma-on-accent-50: #030710; --ma-accent-100: #DBF0FF; --ma-on-accent-100: #030710; --ma-accent-200: #B9E3FF; --ma-on-accent-200: #030710; --ma-accent-300: #85CEFC; --ma-on-accent-300: #030710; --ma-accent-400: #0EA5E9; --ma-on-accent-400: #030710; --ma-accent-500: #008DC9; --ma-on-accent-500: #030710; --ma-accent-600: #006B9A; --ma-on-accent-600: #F8FAFD; --ma-accent-700: #00567D; --ma-on-accent-700: #F8FAFD; --ma-accent-800: #004565; --ma-on-accent-800: #F8FAFD; --ma-accent-900: #00354E; --ma-on-accent-900: #F8FAFD; --ma-accent-950: #002235; --ma-on-accent-950: #F8FAFD; --ma-accent: #006B9A; --ma-accent-hover: #00567D; --ma-accent-active: #004565; --ma-on-accent: #F8FAFD; --ma-accent-subtle: #002235; --ma-on-accent-subtle: #B9E3FF; --ma-accent-text: #85CEFC; --ma-neutral-50: #F8FAFD; --ma-on-neutral-50: #030710; --ma-neutral-100: #F1F5FB; --ma-on-neutral-100: #030710; --ma-neutral-200: #E1E8F3; --ma-on-neutral-200: #030710; --ma-neutral-300: #C9D5E6; --ma-on-neutral-300: #030710; --ma-neutral-400: #92A1B6; --ma-on-neutral-400: #030710; --ma-neutral-500: #64748B; --ma-on-neutral-500: #F8FAFD; --ma-neutral-600: #46556B; --ma-on-neutral-600: #F8FAFD; --ma-neutral-700: #334155; --ma-on-neutral-700: #F8FAFD; --ma-neutral-800: #1E2939; --ma-on-neutral-800: #F8FAFD; --ma-neutral-900: #0F1825; --ma-on-neutral-900: #F8FAFD; --ma-neutral-950: #030710; --ma-on-neutral-950: #F8FAFD; --ma-neutral: #46556B; --ma-neutral-hover: #334155; --ma-neutral-active: #1E2939; --ma-on-neutral: #F8FAFD; --ma-neutral-subtle: #030710; --ma-on-neutral-subtle: #E1E8F3; --ma-neutral-text: #C9D5E6; --ma-success-50: #EEFBEF; --ma-on-success-50: #030710; --ma-success-100: #DCF4E0; --ma-on-success-100: #030710; --ma-success-200: #BCEAC3; --ma-on-success-200: #030710; --ma-success-300: #8FD99C; --ma-on-success-300: #030710; --ma-success-400: #5CC173; --ma-on-success-400: #030710; --ma-success-500: #16A34A; --ma-on-success-500: #030710; --ma-success-600: #007832; --ma-on-success-600: #F8FAFD; --ma-success-700: #006127; --ma-on-success-700: #F8FAFD; --ma-success-800: #004E1E; --ma-on-success-800: #F8FAFD; --ma-success-900: #003C15; --ma-on-success-900: #F8FAFD; --ma-success-950: #00280B; --ma-on-success-950: #F8FAFD; --ma-success: #007832; --ma-success-hover: #006127; --ma-success-active: #004E1E; --ma-on-success: #F8FAFD; --ma-success-subtle: #00280B; --ma-on-success-subtle: #BCEAC3; --ma-success-text: #8FD99C; --ma-warning-50: #FFF5EA; --ma-on-warning-50: #030710; --ma-warning-100: #FDE9D3; --ma-on-warning-100: #030710; --ma-warning-200: #FBD5AB; --ma-on-warning-200: #030710; --ma-warning-300: #F1B873; --ma-on-warning-300: #030710; --ma-warning-400: #F59E0B; --ma-on-warning-400: #030710; --ma-warning-500: #B57300; --ma-on-warning-500: #030710; --ma-warning-600: #8A5600; --ma-on-warning-600: #F8FAFD; --ma-warning-700: #704500; --ma-on-warning-700: #F8FAFD; --ma-warning-800: #5A3700; --ma-on-warning-800: #F8FAFD; --ma-warning-900: #462900; --ma-on-warning-900: #F8FAFD; --ma-warning-950: #2F1A00; --ma-on-warning-950: #F8FAFD; --ma-warning: #8A5600; --ma-warning-hover: #704500; --ma-warning-active: #5A3700; --ma-on-warning: #F8FAFD; --ma-warning-subtle: #2F1A00; --ma-on-warning-subtle: #FBD5AB; --ma-warning-text: #F1B873; --ma-danger-50: #FFF4F4; --ma-on-danger-50: #030710; --ma-danger-100: #FFE6E6; --ma-on-danger-100: #030710; --ma-danger-200: #FFCECF; --ma-on-danger-200: #030710; --ma-danger-300: #FFA9AC; --ma-on-danger-300: #030710; --ma-danger-400: #FF7680; --ma-on-danger-400: #030710; --ma-danger-500: #E11D48; --ma-on-danger-500: #F8FAFD; --ma-danger-600: #BA0036; --ma-on-danger-600: #F8FAFD; --ma-danger-700: #98002A; --ma-on-danger-700: #F8FAFD; --ma-danger-800: #7B0020; --ma-on-danger-800: #F8FAFD; --ma-danger-900: #600017; --ma-on-danger-900: #F8FAFD; --ma-danger-950: #42000D; --ma-on-danger-950: #F8FAFD; --ma-danger: #BA0036; --ma-danger-hover: #98002A; --ma-danger-active: #7B0020; --ma-on-danger: #F8FAFD; --ma-danger-subtle: #42000D; --ma-on-danger-subtle: #FFCECF; --ma-danger-text: #FFA9AC; --ma-info-50: #F0F8FF; --ma-on-info-50: #030710; --ma-info-100: #DDF0FF; --ma-on-info-100: #030710; --ma-info-200: #BDE2FF; --ma-on-info-200: #030710; --ma-info-300: #8ECCFB; --ma-on-info-300: #030710; --ma-info-400: #5CB0EC; --ma-on-info-400: #030710; --ma-info-500: #0284C7; --ma-on-info-500: #030710; --ma-info-600: #0069A0; --ma-on-info-600: #F8FAFD; --ma-info-700: #005582; --ma-on-info-700: #F8FAFD; --ma-info-800: #00446A; --ma-on-info-800: #F8FAFD; --ma-info-900: #003452; --ma-on-info-900: #F8FAFD; --ma-info-950: #002238; --ma-on-info-950: #F8FAFD; --ma-info: #0069A0; --ma-info-hover: #005582; --ma-info-active: #00446A; --ma-on-info: #F8FAFD; --ma-info-subtle: #002238; --ma-on-info-subtle: #BDE2FF; --ma-info-text: #8ECCFB; --ma-tertiary-50: #F7F5FF; --ma-on-tertiary-50: #030710; --ma-tertiary-100: #EDEAFF; --ma-on-tertiary-100: #030710; --ma-tertiary-200: #DDD6FF; --ma-on-tertiary-200: #030710; --ma-tertiary-300: #C6B8FF; --ma-on-tertiary-300: #030710; --ma-tertiary-400: #AC93FF; --ma-on-tertiary-400: #030710; --ma-tertiary-500: #8E58FF; --ma-on-tertiary-500: #030710; --ma-tertiary-600: #7C3AED; --ma-on-tertiary-600: #F8FAFD; --ma-tertiary-700: #5D0CBF; --ma-on-tertiary-700: #F8FAFD; --ma-tertiary-800: #4B009F; --ma-on-tertiary-800: #F8FAFD; --ma-tertiary-900: #3A007D; --ma-on-tertiary-900: #F8FAFD; --ma-tertiary-950: #260057; --ma-on-tertiary-950: #F8FAFD; --ma-tertiary: #7C3AED; --ma-tertiary-hover: #5D0CBF; --ma-tertiary-active: #4B009F; --ma-on-tertiary: #F8FAFD; --ma-tertiary-subtle: #260057; --ma-on-tertiary-subtle: #DDD6FF; --ma-tertiary-text: #C6B8FF; --ma-highlight-50: #FDF6E8; --ma-on-highlight-50: #030710; --ma-highlight-100: #F7ECD3; --ma-on-highlight-100: #030710; --ma-highlight-200: #F0DAA9; --ma-on-highlight-200: #030710; --ma-highlight-300: #EAB308; --ma-on-highlight-300: #030710; --ma-highlight-400: #CEA026; --ma-on-highlight-400: #030710; --ma-highlight-500: #A47C00; --ma-on-highlight-500: #030710; --ma-highlight-600: #7D5E00; --ma-on-highlight-600: #F8FAFD; --ma-highlight-700: #654B00; --ma-on-highlight-700: #F8FAFD; --ma-highlight-800: #513C00; --ma-on-highlight-800: #F8FAFD; --ma-highlight-900: #3F2D00; --ma-on-highlight-900: #F8FAFD; --ma-highlight-950: #2A1D00; --ma-on-highlight-950: #F8FAFD; --ma-highlight: #7D5E00; --ma-highlight-hover: #654B00; --ma-highlight-active: #513C00; --ma-on-highlight: #F8FAFD; --ma-highlight-subtle: #2A1D00; --ma-on-highlight-subtle: #F0DAA9; --ma-highlight-text: #EAB308; --ma-discovery-50: #F8F5FF; --ma-on-discovery-50: #030710; --ma-discovery-100: #F1E8FF; --ma-on-discovery-100: #030710; --ma-discovery-200: #E4D3FF; --ma-on-discovery-200: #030710; --ma-discovery-300: #D1B3FF; --ma-on-discovery-300: #030710; --ma-discovery-400: #BD8AFF; --ma-on-discovery-400: #030710; --ma-discovery-500: #9333EA; --ma-on-discovery-500: #F8FAFD; --ma-discovery-600: #8215D6; --ma-on-discovery-600: #F8FAFD; --ma-discovery-700: #6B00B3; --ma-on-discovery-700: #F8FAFD; --ma-discovery-800: #560092; --ma-on-discovery-800: #F8FAFD; --ma-discovery-900: #420072; --ma-on-discovery-900: #F8FAFD; --ma-discovery-950: #2C004F; --ma-on-discovery-950: #F8FAFD; --ma-discovery: #8215D6; --ma-discovery-hover: #6B00B3; --ma-discovery-active: #560092; --ma-on-discovery: #F8FAFD; --ma-discovery-subtle: #2C004F; --ma-on-discovery-subtle: #E4D3FF; --ma-discovery-text: #D1B3FF; --ma-positive-50: #EEFAF4; --ma-on-positive-50: #030710; --ma-positive-100: #DDF3E8; --ma-on-positive-100: #030710; --ma-positive-200: #BDE8D2; --ma-on-positive-200: #030710; --ma-positive-300: #91D6B5; --ma-on-positive-300: #030710; --ma-positive-400: #5FBD94; --ma-on-positive-400: #030710; --ma-positive-500: #059669; --ma-on-positive-500: #030710; --ma-positive-600: #007651; --ma-on-positive-600: #F8FAFD; --ma-positive-700: #005F41; --ma-on-positive-700: #F8FAFD; --ma-positive-800: #004C33; --ma-on-positive-800: #F8FAFD; --ma-positive-900: #003B26; --ma-on-positive-900: #F8FAFD; --ma-positive-950: #002718; --ma-on-positive-950: #F8FAFD; --ma-positive: #007651; --ma-positive-hover: #005F41; --ma-positive-active: #004C33; --ma-on-positive: #F8FAFD; --ma-positive-subtle: #002718; --ma-on-positive-subtle: #BDE8D2; --ma-positive-text: #91D6B5; --ma-negative-50: #FFF4F2; --ma-on-negative-50: #030710; --ma-negative-100: #FFE6E3; --ma-on-negative-100: #030710; --ma-negative-200: #FFCFC9; --ma-on-negative-200: #030710; --ma-negative-300: #FFABA0; --ma-on-negative-300: #030710; --ma-negative-400: #FF796C; --ma-on-negative-400: #030710; --ma-negative-500: #DC2626; --ma-on-negative-500: #F8FAFD; --ma-negative-600: #BC0010; --ma-on-negative-600: #F8FAFD; --ma-negative-700: #99000B; --ma-on-negative-700: #F8FAFD; --ma-negative-800: #7D0007; --ma-on-negative-800: #F8FAFD; --ma-negative-900: #610004; --ma-on-negative-900: #F8FAFD; --ma-negative-950: #430002; --ma-on-negative-950: #F8FAFD; --ma-negative: #BC0010; --ma-negative-hover: #99000B; --ma-negative-active: #7D0007; --ma-on-negative: #F8FAFD; --ma-negative-subtle: #430002; --ma-on-negative-subtle: #FFCFC9; --ma-negative-text: #FFABA0; --ma-pending-50: #FFF5ED; --ma-on-pending-50: #030710; --ma-pending-100: #FFE8D7; --ma-on-pending-100: #030710; --ma-pending-200: #FFD2B2; --ma-on-pending-200: #030710; --ma-pending-300: #F7B37F; --ma-on-pending-300: #030710; --ma-pending-400: #E69048; --ma-on-pending-400: #030710; --ma-pending-500: #D97706; --ma-on-pending-500: #030710; --ma-pending-600: #944F00; --ma-on-pending-600: #F8FAFD; --ma-pending-700: #783F00; --ma-on-pending-700: #F8FAFD; --ma-pending-800: #613200; --ma-on-pending-800: #F8FAFD; --ma-pending-900: #4B2500; --ma-on-pending-900: #F8FAFD; --ma-pending-950: #331700; --ma-on-pending-950: #F8FAFD; --ma-pending: #944F00; --ma-pending-hover: #783F00; --ma-pending-active: #613200; --ma-on-pending: #F8FAFD; --ma-pending-subtle: #331700; --ma-on-pending-subtle: #FFD2B2; --ma-pending-text: #F7B37F; --ma-progress-50: #F3F7FF; --ma-on-progress-50: #030710; --ma-progress-100: #E4EDFF; --ma-on-progress-100: #030710; --ma-progress-200: #CBDDFF; --ma-on-progress-200: #030710; --ma-progress-300: #A5C4FF; --ma-on-progress-300: #030710; --ma-progress-400: #78A6FF; --ma-on-progress-400: #030710; --ma-progress-500: #3B79FE; --ma-on-progress-500: #030710; --ma-progress-600: #2563EB; --ma-on-progress-600: #F8FAFD; --ma-progress-700: #073FBC; --ma-on-progress-700: #F8FAFD; --ma-progress-800: #01309D; --ma-on-progress-800: #F8FAFD; --ma-progress-900: #01247A; --ma-on-progress-900: #F8FAFD; --ma-progress-950: #001656; --ma-on-progress-950: #F8FAFD; --ma-progress: #2563EB; --ma-progress-hover: #073FBC; --ma-progress-active: #01309D; --ma-on-progress: #F8FAFD; --ma-progress-subtle: #001656; --ma-on-progress-subtle: #CBDDFF; --ma-progress-text: #A5C4FF; --ma-selection-50: #F0F8FF; --ma-on-selection-50: #030710; --ma-selection-100: #DDF0FF; --ma-on-selection-100: #030710; --ma-selection-200: #BDE2FF; --ma-on-selection-200: #030710; --ma-selection-300: #8ECCFB; --ma-on-selection-300: #030710; --ma-selection-400: #5CB0EC; --ma-on-selection-400: #030710; --ma-selection-500: #0284C7; --ma-on-selection-500: #030710; --ma-selection-600: #0069A0; --ma-on-selection-600: #F8FAFD; --ma-selection-700: #005582; --ma-on-selection-700: #F8FAFD; --ma-selection-800: #00446A; --ma-on-selection-800: #F8FAFD; --ma-selection-900: #003452; --ma-on-selection-900: #F8FAFD; --ma-selection-950: #002238; --ma-on-selection-950: #F8FAFD; --ma-selection: #0069A0; --ma-selection-hover: #005582; --ma-selection-active: #00446A; --ma-on-selection: #F8FAFD; --ma-selection-subtle: #002238; --ma-on-selection-subtle: #BDE2FF; --ma-selection-text: #8ECCFB; --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-hue-red: #FFABA3; --ma-hue-red-subtle: color-mix(in oklch, #EF4444 15%, var(--ma-surface)); --ma-hue-red-solid: #BC001B; --ma-hue-yellow: #EAB308; --ma-hue-yellow-subtle: color-mix(in oklch, #A47C00 15%, var(--ma-surface)); --ma-hue-yellow-solid: #7D5E00; --ma-hue-lime: #A5D676; --ma-hue-lime-subtle: color-mix(in oklch, #5E9600 15%, var(--ma-surface)); --ma-hue-lime-solid: #477200; --ma-hue-cyan: #82D2E6; --ma-hue-cyan-subtle: color-mix(in oklch, #0093AC 15%, var(--ma-surface)); --ma-hue-cyan-solid: #006F83; --ma-hue-indigo: #B5BFFF; --ma-hue-indigo-subtle: color-mix(in oklch, #6366F1 15%, var(--ma-surface)); --ma-hue-indigo-solid: #4D4AD3; --ma-hue-purple: #D3B2FF; --ma-hue-purple-subtle: color-mix(in oklch, #A855F7 15%, var(--ma-surface)); --ma-hue-purple-solid: #8225CB; --ma-hue-fuchsia: #F3A0FF; --ma-hue-fuchsia-subtle: color-mix(in oklch, #D946EF 15%, var(--ma-surface)); --ma-hue-fuchsia-solid: #9C00B0; --ma-hue-pink: #FFA4C9; --ma-hue-pink-subtle: color-mix(in oklch, #EC4899 15%, var(--ma-surface)); --ma-hue-pink-solid: #B2006A; --ma-bg: #030710; --ma-surface: #0F1825; --ma-surface-raised: #1E2939; --ma-surface-overlay: #F1F5FB; --ma-surface-sunken: #1E2939; --ma-surface-hover: color-mix(in oklch, #1E2939 60%, transparent); --ma-border: #1E2939; --ma-border-strong: #334155; --ma-divider: #1E2939; --ma-text: #F1F5FB; --ma-text-secondary: #92A1B6; --ma-text-muted: #64748B; --ma-text-disabled: #46556B; --ma-text-inverse: #030710; --ma-link: #8ECCFB; --ma-link-hover: #BDE2FF; --ma-focus-ring: #0EA5E9; --ma-shadow-xs: 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-sm: 0 1px 3px color-mix(in oklch, #030710 10%, transparent), 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-md: 0 4px 8px -2px color-mix(in oklch, #030710 10%, transparent), 0 2px 4px -2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-lg: 0 12px 20px -4px color-mix(in oklch, #030710 12%, transparent), 0 4px 8px -4px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-xl: 0 24px 40px -8px color-mix(in oklch, #030710 18%, transparent); --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); --ma-sidebar-bg: color-mix(in srgb, var(--ma-surface) 60%, var(--ma-bg)); --ma-sidebar-text: var(--ma-text-secondary); --ma-sidebar-text-muted: var(--ma-text-muted); --ma-sidebar-border: var(--ma-border); --ma-sidebar-item-hover-bg: var(--ma-surface-hover); --ma-sidebar-item-active-bg: var(--ma-surface-sunken); --ma-sidebar-item-active-text: var(--ma-text); --ma-sidebar-item-active-indicator: transparent; --ma-topbar-bg: color-mix(in srgb, var(--ma-bg) 88%, transparent); --ma-topbar-text: var(--ma-text); --ma-topbar-border: var(--ma-border); --ma-card-bg: var(--ma-surface); --ma-card-border: var(--ma-border); --ma-control-bg: var(--ma-surface); --ma-control-border: var(--ma-border-strong); --ma-control-placeholder: var(--ma-text-muted); --ma-table-header-bg: var(--ma-surface-sunken); --ma-table-header-text: var(--ma-text-secondary); --ma-table-header-border: var(--ma-border); --ma-table-row-hover-bg: var(--ma-surface-hover); --ma-table-border: var(--ma-divider); --ma-table-stripe-bg: transparent; --ma-backdrop: color-mix(in oklch, #030710 55%, transparent); --ma-tooltip-bg: var(--ma-surface-overlay); --ma-tooltip-text: var(--ma-text-inverse); --ma-topbar-shadow: none; --ma-card-shadow: var(--ma-shadow-card); --ma-card-shadow-hover: var(--ma-shadow-card-hover); --ma-dialog-shadow: var(--ma-shadow-pop); --ma-chart-1: #A2C6FF; --ma-chart-1-subtle: color-mix(in oklch, var(--ma-chart-1) 18%, var(--ma-surface)); --ma-chart-2: #FFAE85; --ma-chart-2-subtle: color-mix(in oklch, var(--ma-chart-2) 18%, var(--ma-surface)); --ma-chart-3: #86D8B1; --ma-chart-3-subtle: color-mix(in oklch, var(--ma-chart-3) 18%, var(--ma-surface)); --ma-chart-4: #C6B8FF; --ma-chart-4-subtle: color-mix(in oklch, var(--ma-chart-4) 18%, var(--ma-surface)); --ma-chart-5: #FFA9AD; --ma-chart-5-subtle: color-mix(in oklch, var(--ma-chart-5) 18%, var(--ma-surface)); --ma-chart-6: #86D6C8; --ma-chart-6-subtle: color-mix(in oklch, var(--ma-chart-6) 18%, var(--ma-surface)); --ma-chart-7: #F1B873; --ma-chart-7-subtle: color-mix(in oklch, var(--ma-chart-7) 18%, var(--ma-surface)); --ma-chart-8: #85CEFC; --ma-chart-8-subtle: color-mix(in oklch, var(--ma-chart-8) 18%, var(--ma-surface)); --ma-chart-9: #B5BFFF; --ma-chart-9-subtle: color-mix(in oklch, var(--ma-chart-9) 18%, var(--ma-surface)); --ma-chart-10: #A5D676; --ma-chart-10-subtle: color-mix(in oklch, var(--ma-chart-10) 18%, var(--ma-surface)); --ma-chart-11: #FFA4C9; --ma-chart-11-subtle: color-mix(in oklch, var(--ma-chart-11) 18%, var(--ma-surface)); --ma-chart-12: #82D2E6; --ma-chart-12-subtle: color-mix(in oklch, var(--ma-chart-12) 18%, var(--ma-surface)); --ma-chart-grid: var(--ma-divider); --ma-chart-axis: var(--ma-border); --ma-chart-label: var(--ma-text-secondary); --ma-chart-title: var(--ma-text-secondary); --ma-chart-target: var(--ma-text-muted); --ma-chart-positive: var(--ma-positive); --ma-chart-negative: var(--ma-negative); --ma-chart-forecast: #92A1B6; --ma-chart-crosshair: var(--ma-border); --ma-chart-tooltip-bg: var(--ma-surface-overlay); --ma-chart-tooltip-text: var(--ma-text-inverse); --ma-chart-seq-1: #002A6E; --ma-on-chart-seq-1: #F8FAFD; --ma-chart-seq-2: #0D3F8E; --ma-on-chart-seq-2: #F8FAFD; --ma-chart-seq-3: #1C54B0; --ma-on-chart-seq-3: #F8FAFD; --ma-chart-seq-4: #2B6BD2; --ma-on-chart-seq-4: #F8FAFD; --ma-chart-seq-5: #3B82F6; --ma-on-chart-seq-5: #030710; --ma-chart-div-1: #9F4400; --ma-on-chart-div-1: #F8FAFD; --ma-chart-div-2: #7A3A14; --ma-on-chart-div-2: #F8FAFD; --ma-chart-div-3: #572F19; --ma-on-chart-div-3: #F8FAFD; --ma-chart-div-4: #1E2939; --ma-on-chart-div-4: #F8FAFD; --ma-chart-div-5: #1F3A67; --ma-on-chart-div-5: #F8FAFD; --ma-chart-div-6: #1B4B98; --ma-on-chart-div-6: #F8FAFD; --ma-chart-div-7: #115BCC; --ma-on-chart-div-7: #F8FAFD; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --ma-primary-50: #F0F8FF; --ma-on-primary-50: #030710; --ma-primary-100: #DDF0FF; --ma-on-primary-100: #030710; --ma-primary-200: #BDE2FF; --ma-on-primary-200: #030710; --ma-primary-300: #8ECCFB; --ma-on-primary-300: #030710; --ma-primary-400: #5CB0EC; --ma-on-primary-400: #030710; --ma-primary-500: #0284C7; --ma-on-primary-500: #030710; --ma-primary-600: #0069A0; --ma-on-primary-600: #F8FAFD; --ma-primary-700: #005582; --ma-on-primary-700: #F8FAFD; --ma-primary-800: #00446A; --ma-on-primary-800: #F8FAFD; --ma-primary-900: #003452; --ma-on-primary-900: #F8FAFD; --ma-primary-950: #002238; --ma-on-primary-950: #F8FAFD; --ma-primary: #0069A0; --ma-primary-hover: #005582; --ma-primary-active: #00446A; --ma-on-primary: #F8FAFD; --ma-primary-subtle: #002238; --ma-on-primary-subtle: #BDE2FF; --ma-primary-text: #8ECCFB; --ma-secondary-50: #F0F9F8; --ma-on-secondary-50: #030710; --ma-secondary-100: #E0F1EF; --ma-on-secondary-100: #030710; --ma-secondary-200: #C3E5E0; --ma-on-secondary-200: #030710; --ma-secondary-300: #9AD1CA; --ma-on-secondary-300: #030710; --ma-secondary-400: #6FB7AF; --ma-on-secondary-400: #030710; --ma-secondary-500: #3D938B; --ma-on-secondary-500: #030710; --ma-secondary-600: #0F766E; --ma-on-secondary-600: #F8FAFD; --ma-secondary-700: #005D56; --ma-on-secondary-700: #F8FAFD; --ma-secondary-800: #004B45; --ma-on-secondary-800: #F8FAFD; --ma-secondary-900: #003935; --ma-on-secondary-900: #F8FAFD; --ma-secondary-950: #002622; --ma-on-secondary-950: #F8FAFD; --ma-secondary: #0F766E; --ma-secondary-hover: #005D56; --ma-secondary-active: #004B45; --ma-on-secondary: #F8FAFD; --ma-secondary-subtle: #002622; --ma-on-secondary-subtle: #C3E5E0; --ma-secondary-text: #9AD1CA; --ma-accent-50: #EFF8FF; --ma-on-accent-50: #030710; --ma-accent-100: #DBF0FF; --ma-on-accent-100: #030710; --ma-accent-200: #B9E3FF; --ma-on-accent-200: #030710; --ma-accent-300: #85CEFC; --ma-on-accent-300: #030710; --ma-accent-400: #0EA5E9; --ma-on-accent-400: #030710; --ma-accent-500: #008DC9; --ma-on-accent-500: #030710; --ma-accent-600: #006B9A; --ma-on-accent-600: #F8FAFD; --ma-accent-700: #00567D; --ma-on-accent-700: #F8FAFD; --ma-accent-800: #004565; --ma-on-accent-800: #F8FAFD; --ma-accent-900: #00354E; --ma-on-accent-900: #F8FAFD; --ma-accent-950: #002235; --ma-on-accent-950: #F8FAFD; --ma-accent: #006B9A; --ma-accent-hover: #00567D; --ma-accent-active: #004565; --ma-on-accent: #F8FAFD; --ma-accent-subtle: #002235; --ma-on-accent-subtle: #B9E3FF; --ma-accent-text: #85CEFC; --ma-neutral-50: #F8FAFD; --ma-on-neutral-50: #030710; --ma-neutral-100: #F1F5FB; --ma-on-neutral-100: #030710; --ma-neutral-200: #E1E8F3; --ma-on-neutral-200: #030710; --ma-neutral-300: #C9D5E6; --ma-on-neutral-300: #030710; --ma-neutral-400: #92A1B6; --ma-on-neutral-400: #030710; --ma-neutral-500: #64748B; --ma-on-neutral-500: #F8FAFD; --ma-neutral-600: #46556B; --ma-on-neutral-600: #F8FAFD; --ma-neutral-700: #334155; --ma-on-neutral-700: #F8FAFD; --ma-neutral-800: #1E2939; --ma-on-neutral-800: #F8FAFD; --ma-neutral-900: #0F1825; --ma-on-neutral-900: #F8FAFD; --ma-neutral-950: #030710; --ma-on-neutral-950: #F8FAFD; --ma-neutral: #46556B; --ma-neutral-hover: #334155; --ma-neutral-active: #1E2939; --ma-on-neutral: #F8FAFD; --ma-neutral-subtle: #030710; --ma-on-neutral-subtle: #E1E8F3; --ma-neutral-text: #C9D5E6; --ma-success-50: #EEFBEF; --ma-on-success-50: #030710; --ma-success-100: #DCF4E0; --ma-on-success-100: #030710; --ma-success-200: #BCEAC3; --ma-on-success-200: #030710; --ma-success-300: #8FD99C; --ma-on-success-300: #030710; --ma-success-400: #5CC173; --ma-on-success-400: #030710; --ma-success-500: #16A34A; --ma-on-success-500: #030710; --ma-success-600: #007832; --ma-on-success-600: #F8FAFD; --ma-success-700: #006127; --ma-on-success-700: #F8FAFD; --ma-success-800: #004E1E; --ma-on-success-800: #F8FAFD; --ma-success-900: #003C15; --ma-on-success-900: #F8FAFD; --ma-success-950: #00280B; --ma-on-success-950: #F8FAFD; --ma-success: #007832; --ma-success-hover: #006127; --ma-success-active: #004E1E; --ma-on-success: #F8FAFD; --ma-success-subtle: #00280B; --ma-on-success-subtle: #BCEAC3; --ma-success-text: #8FD99C; --ma-warning-50: #FFF5EA; --ma-on-warning-50: #030710; --ma-warning-100: #FDE9D3; --ma-on-warning-100: #030710; --ma-warning-200: #FBD5AB; --ma-on-warning-200: #030710; --ma-warning-300: #F1B873; --ma-on-warning-300: #030710; --ma-warning-400: #F59E0B; --ma-on-warning-400: #030710; --ma-warning-500: #B57300; --ma-on-warning-500: #030710; --ma-warning-600: #8A5600; --ma-on-warning-600: #F8FAFD; --ma-warning-700: #704500; --ma-on-warning-700: #F8FAFD; --ma-warning-800: #5A3700; --ma-on-warning-800: #F8FAFD; --ma-warning-900: #462900; --ma-on-warning-900: #F8FAFD; --ma-warning-950: #2F1A00; --ma-on-warning-950: #F8FAFD; --ma-warning: #8A5600; --ma-warning-hover: #704500; --ma-warning-active: #5A3700; --ma-on-warning: #F8FAFD; --ma-warning-subtle: #2F1A00; --ma-on-warning-subtle: #FBD5AB; --ma-warning-text: #F1B873; --ma-danger-50: #FFF4F4; --ma-on-danger-50: #030710; --ma-danger-100: #FFE6E6; --ma-on-danger-100: #030710; --ma-danger-200: #FFCECF; --ma-on-danger-200: #030710; --ma-danger-300: #FFA9AC; --ma-on-danger-300: #030710; --ma-danger-400: #FF7680; --ma-on-danger-400: #030710; --ma-danger-500: #E11D48; --ma-on-danger-500: #F8FAFD; --ma-danger-600: #BA0036; --ma-on-danger-600: #F8FAFD; --ma-danger-700: #98002A; --ma-on-danger-700: #F8FAFD; --ma-danger-800: #7B0020; --ma-on-danger-800: #F8FAFD; --ma-danger-900: #600017; --ma-on-danger-900: #F8FAFD; --ma-danger-950: #42000D; --ma-on-danger-950: #F8FAFD; --ma-danger: #BA0036; --ma-danger-hover: #98002A; --ma-danger-active: #7B0020; --ma-on-danger: #F8FAFD; --ma-danger-subtle: #42000D; --ma-on-danger-subtle: #FFCECF; --ma-danger-text: #FFA9AC; --ma-info-50: #F0F8FF; --ma-on-info-50: #030710; --ma-info-100: #DDF0FF; --ma-on-info-100: #030710; --ma-info-200: #BDE2FF; --ma-on-info-200: #030710; --ma-info-300: #8ECCFB; --ma-on-info-300: #030710; --ma-info-400: #5CB0EC; --ma-on-info-400: #030710; --ma-info-500: #0284C7; --ma-on-info-500: #030710; --ma-info-600: #0069A0; --ma-on-info-600: #F8FAFD; --ma-info-700: #005582; --ma-on-info-700: #F8FAFD; --ma-info-800: #00446A; --ma-on-info-800: #F8FAFD; --ma-info-900: #003452; --ma-on-info-900: #F8FAFD; --ma-info-950: #002238; --ma-on-info-950: #F8FAFD; --ma-info: #0069A0; --ma-info-hover: #005582; --ma-info-active: #00446A; --ma-on-info: #F8FAFD; --ma-info-subtle: #002238; --ma-on-info-subtle: #BDE2FF; --ma-info-text: #8ECCFB; --ma-tertiary-50: #F7F5FF; --ma-on-tertiary-50: #030710; --ma-tertiary-100: #EDEAFF; --ma-on-tertiary-100: #030710; --ma-tertiary-200: #DDD6FF; --ma-on-tertiary-200: #030710; --ma-tertiary-300: #C6B8FF; --ma-on-tertiary-300: #030710; --ma-tertiary-400: #AC93FF; --ma-on-tertiary-400: #030710; --ma-tertiary-500: #8E58FF; --ma-on-tertiary-500: #030710; --ma-tertiary-600: #7C3AED; --ma-on-tertiary-600: #F8FAFD; --ma-tertiary-700: #5D0CBF; --ma-on-tertiary-700: #F8FAFD; --ma-tertiary-800: #4B009F; --ma-on-tertiary-800: #F8FAFD; --ma-tertiary-900: #3A007D; --ma-on-tertiary-900: #F8FAFD; --ma-tertiary-950: #260057; --ma-on-tertiary-950: #F8FAFD; --ma-tertiary: #7C3AED; --ma-tertiary-hover: #5D0CBF; --ma-tertiary-active: #4B009F; --ma-on-tertiary: #F8FAFD; --ma-tertiary-subtle: #260057; --ma-on-tertiary-subtle: #DDD6FF; --ma-tertiary-text: #C6B8FF; --ma-highlight-50: #FDF6E8; --ma-on-highlight-50: #030710; --ma-highlight-100: #F7ECD3; --ma-on-highlight-100: #030710; --ma-highlight-200: #F0DAA9; --ma-on-highlight-200: #030710; --ma-highlight-300: #EAB308; --ma-on-highlight-300: #030710; --ma-highlight-400: #CEA026; --ma-on-highlight-400: #030710; --ma-highlight-500: #A47C00; --ma-on-highlight-500: #030710; --ma-highlight-600: #7D5E00; --ma-on-highlight-600: #F8FAFD; --ma-highlight-700: #654B00; --ma-on-highlight-700: #F8FAFD; --ma-highlight-800: #513C00; --ma-on-highlight-800: #F8FAFD; --ma-highlight-900: #3F2D00; --ma-on-highlight-900: #F8FAFD; --ma-highlight-950: #2A1D00; --ma-on-highlight-950: #F8FAFD; --ma-highlight: #7D5E00; --ma-highlight-hover: #654B00; --ma-highlight-active: #513C00; --ma-on-highlight: #F8FAFD; --ma-highlight-subtle: #2A1D00; --ma-on-highlight-subtle: #F0DAA9; --ma-highlight-text: #EAB308; --ma-discovery-50: #F8F5FF; --ma-on-discovery-50: #030710; --ma-discovery-100: #F1E8FF; --ma-on-discovery-100: #030710; --ma-discovery-200: #E4D3FF; --ma-on-discovery-200: #030710; --ma-discovery-300: #D1B3FF; --ma-on-discovery-300: #030710; --ma-discovery-400: #BD8AFF; --ma-on-discovery-400: #030710; --ma-discovery-500: #9333EA; --ma-on-discovery-500: #F8FAFD; --ma-discovery-600: #8215D6; --ma-on-discovery-600: #F8FAFD; --ma-discovery-700: #6B00B3; --ma-on-discovery-700: #F8FAFD; --ma-discovery-800: #560092; --ma-on-discovery-800: #F8FAFD; --ma-discovery-900: #420072; --ma-on-discovery-900: #F8FAFD; --ma-discovery-950: #2C004F; --ma-on-discovery-950: #F8FAFD; --ma-discovery: #8215D6; --ma-discovery-hover: #6B00B3; --ma-discovery-active: #560092; --ma-on-discovery: #F8FAFD; --ma-discovery-subtle: #2C004F; --ma-on-discovery-subtle: #E4D3FF; --ma-discovery-text: #D1B3FF; --ma-positive-50: #EEFAF4; --ma-on-positive-50: #030710; --ma-positive-100: #DDF3E8; --ma-on-positive-100: #030710; --ma-positive-200: #BDE8D2; --ma-on-positive-200: #030710; --ma-positive-300: #91D6B5; --ma-on-positive-300: #030710; --ma-positive-400: #5FBD94; --ma-on-positive-400: #030710; --ma-positive-500: #059669; --ma-on-positive-500: #030710; --ma-positive-600: #007651; --ma-on-positive-600: #F8FAFD; --ma-positive-700: #005F41; --ma-on-positive-700: #F8FAFD; --ma-positive-800: #004C33; --ma-on-positive-800: #F8FAFD; --ma-positive-900: #003B26; --ma-on-positive-900: #F8FAFD; --ma-positive-950: #002718; --ma-on-positive-950: #F8FAFD; --ma-positive: #007651; --ma-positive-hover: #005F41; --ma-positive-active: #004C33; --ma-on-positive: #F8FAFD; --ma-positive-subtle: #002718; --ma-on-positive-subtle: #BDE8D2; --ma-positive-text: #91D6B5; --ma-negative-50: #FFF4F2; --ma-on-negative-50: #030710; --ma-negative-100: #FFE6E3; --ma-on-negative-100: #030710; --ma-negative-200: #FFCFC9; --ma-on-negative-200: #030710; --ma-negative-300: #FFABA0; --ma-on-negative-300: #030710; --ma-negative-400: #FF796C; --ma-on-negative-400: #030710; --ma-negative-500: #DC2626; --ma-on-negative-500: #F8FAFD; --ma-negative-600: #BC0010; --ma-on-negative-600: #F8FAFD; --ma-negative-700: #99000B; --ma-on-negative-700: #F8FAFD; --ma-negative-800: #7D0007; --ma-on-negative-800: #F8FAFD; --ma-negative-900: #610004; --ma-on-negative-900: #F8FAFD; --ma-negative-950: #430002; --ma-on-negative-950: #F8FAFD; --ma-negative: #BC0010; --ma-negative-hover: #99000B; --ma-negative-active: #7D0007; --ma-on-negative: #F8FAFD; --ma-negative-subtle: #430002; --ma-on-negative-subtle: #FFCFC9; --ma-negative-text: #FFABA0; --ma-pending-50: #FFF5ED; --ma-on-pending-50: #030710; --ma-pending-100: #FFE8D7; --ma-on-pending-100: #030710; --ma-pending-200: #FFD2B2; --ma-on-pending-200: #030710; --ma-pending-300: #F7B37F; --ma-on-pending-300: #030710; --ma-pending-400: #E69048; --ma-on-pending-400: #030710; --ma-pending-500: #D97706; --ma-on-pending-500: #030710; --ma-pending-600: #944F00; --ma-on-pending-600: #F8FAFD; --ma-pending-700: #783F00; --ma-on-pending-700: #F8FAFD; --ma-pending-800: #613200; --ma-on-pending-800: #F8FAFD; --ma-pending-900: #4B2500; --ma-on-pending-900: #F8FAFD; --ma-pending-950: #331700; --ma-on-pending-950: #F8FAFD; --ma-pending: #944F00; --ma-pending-hover: #783F00; --ma-pending-active: #613200; --ma-on-pending: #F8FAFD; --ma-pending-subtle: #331700; --ma-on-pending-subtle: #FFD2B2; --ma-pending-text: #F7B37F; --ma-progress-50: #F3F7FF; --ma-on-progress-50: #030710; --ma-progress-100: #E4EDFF; --ma-on-progress-100: #030710; --ma-progress-200: #CBDDFF; --ma-on-progress-200: #030710; --ma-progress-300: #A5C4FF; --ma-on-progress-300: #030710; --ma-progress-400: #78A6FF; --ma-on-progress-400: #030710; --ma-progress-500: #3B79FE; --ma-on-progress-500: #030710; --ma-progress-600: #2563EB; --ma-on-progress-600: #F8FAFD; --ma-progress-700: #073FBC; --ma-on-progress-700: #F8FAFD; --ma-progress-800: #01309D; --ma-on-progress-800: #F8FAFD; --ma-progress-900: #01247A; --ma-on-progress-900: #F8FAFD; --ma-progress-950: #001656; --ma-on-progress-950: #F8FAFD; --ma-progress: #2563EB; --ma-progress-hover: #073FBC; --ma-progress-active: #01309D; --ma-on-progress: #F8FAFD; --ma-progress-subtle: #001656; --ma-on-progress-subtle: #CBDDFF; --ma-progress-text: #A5C4FF; --ma-selection-50: #F0F8FF; --ma-on-selection-50: #030710; --ma-selection-100: #DDF0FF; --ma-on-selection-100: #030710; --ma-selection-200: #BDE2FF; --ma-on-selection-200: #030710; --ma-selection-300: #8ECCFB; --ma-on-selection-300: #030710; --ma-selection-400: #5CB0EC; --ma-on-selection-400: #030710; --ma-selection-500: #0284C7; --ma-on-selection-500: #030710; --ma-selection-600: #0069A0; --ma-on-selection-600: #F8FAFD; --ma-selection-700: #005582; --ma-on-selection-700: #F8FAFD; --ma-selection-800: #00446A; --ma-on-selection-800: #F8FAFD; --ma-selection-900: #003452; --ma-on-selection-900: #F8FAFD; --ma-selection-950: #002238; --ma-on-selection-950: #F8FAFD; --ma-selection: #0069A0; --ma-selection-hover: #005582; --ma-selection-active: #00446A; --ma-on-selection: #F8FAFD; --ma-selection-subtle: #002238; --ma-on-selection-subtle: #BDE2FF; --ma-selection-text: #8ECCFB; --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-hue-red: #FFABA3; --ma-hue-red-subtle: color-mix(in oklch, #EF4444 15%, var(--ma-surface)); --ma-hue-red-solid: #BC001B; --ma-hue-yellow: #EAB308; --ma-hue-yellow-subtle: color-mix(in oklch, #A47C00 15%, var(--ma-surface)); --ma-hue-yellow-solid: #7D5E00; --ma-hue-lime: #A5D676; --ma-hue-lime-subtle: color-mix(in oklch, #5E9600 15%, var(--ma-surface)); --ma-hue-lime-solid: #477200; --ma-hue-cyan: #82D2E6; --ma-hue-cyan-subtle: color-mix(in oklch, #0093AC 15%, var(--ma-surface)); --ma-hue-cyan-solid: #006F83; --ma-hue-indigo: #B5BFFF; --ma-hue-indigo-subtle: color-mix(in oklch, #6366F1 15%, var(--ma-surface)); --ma-hue-indigo-solid: #4D4AD3; --ma-hue-purple: #D3B2FF; --ma-hue-purple-subtle: color-mix(in oklch, #A855F7 15%, var(--ma-surface)); --ma-hue-purple-solid: #8225CB; --ma-hue-fuchsia: #F3A0FF; --ma-hue-fuchsia-subtle: color-mix(in oklch, #D946EF 15%, var(--ma-surface)); --ma-hue-fuchsia-solid: #9C00B0; --ma-hue-pink: #FFA4C9; --ma-hue-pink-subtle: color-mix(in oklch, #EC4899 15%, var(--ma-surface)); --ma-hue-pink-solid: #B2006A; --ma-bg: #030710; --ma-surface: #0F1825; --ma-surface-raised: #1E2939; --ma-surface-overlay: #F1F5FB; --ma-surface-sunken: #1E2939; --ma-surface-hover: color-mix(in oklch, #1E2939 60%, transparent); --ma-border: #1E2939; --ma-border-strong: #334155; --ma-divider: #1E2939; --ma-text: #F1F5FB; --ma-text-secondary: #92A1B6; --ma-text-muted: #64748B; --ma-text-disabled: #46556B; --ma-text-inverse: #030710; --ma-link: #8ECCFB; --ma-link-hover: #BDE2FF; --ma-focus-ring: #0EA5E9; --ma-shadow-xs: 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-sm: 0 1px 3px color-mix(in oklch, #030710 10%, transparent), 0 1px 2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-md: 0 4px 8px -2px color-mix(in oklch, #030710 10%, transparent), 0 2px 4px -2px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-lg: 0 12px 20px -4px color-mix(in oklch, #030710 12%, transparent), 0 4px 8px -4px color-mix(in oklch, #030710 6%, transparent); --ma-shadow-xl: 0 24px 40px -8px color-mix(in oklch, #030710 18%, transparent); --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); --ma-sidebar-bg: color-mix(in srgb, var(--ma-surface) 60%, var(--ma-bg)); --ma-sidebar-text: var(--ma-text-secondary); --ma-sidebar-text-muted: var(--ma-text-muted); --ma-sidebar-border: var(--ma-border); --ma-sidebar-item-hover-bg: var(--ma-surface-hover); --ma-sidebar-item-active-bg: var(--ma-surface-sunken); --ma-sidebar-item-active-text: var(--ma-text); --ma-sidebar-item-active-indicator: transparent; --ma-topbar-bg: color-mix(in srgb, var(--ma-bg) 88%, transparent); --ma-topbar-text: var(--ma-text); --ma-topbar-border: var(--ma-border); --ma-card-bg: var(--ma-surface); --ma-card-border: var(--ma-border); --ma-control-bg: var(--ma-surface); --ma-control-border: var(--ma-border-strong); --ma-control-placeholder: var(--ma-text-muted); --ma-table-header-bg: var(--ma-surface-sunken); --ma-table-header-text: var(--ma-text-secondary); --ma-table-header-border: var(--ma-border); --ma-table-row-hover-bg: var(--ma-surface-hover); --ma-table-border: var(--ma-divider); --ma-table-stripe-bg: transparent; --ma-backdrop: color-mix(in oklch, #030710 55%, transparent); --ma-tooltip-bg: var(--ma-surface-overlay); --ma-tooltip-text: var(--ma-text-inverse); --ma-topbar-shadow: none; --ma-card-shadow: var(--ma-shadow-card); --ma-card-shadow-hover: var(--ma-shadow-card-hover); --ma-dialog-shadow: var(--ma-shadow-pop); --ma-chart-1: #A2C6FF; --ma-chart-1-subtle: color-mix(in oklch, var(--ma-chart-1) 18%, var(--ma-surface)); --ma-chart-2: #FFAE85; --ma-chart-2-subtle: color-mix(in oklch, var(--ma-chart-2) 18%, var(--ma-surface)); --ma-chart-3: #86D8B1; --ma-chart-3-subtle: color-mix(in oklch, var(--ma-chart-3) 18%, var(--ma-surface)); --ma-chart-4: #C6B8FF; --ma-chart-4-subtle: color-mix(in oklch, var(--ma-chart-4) 18%, var(--ma-surface)); --ma-chart-5: #FFA9AD; --ma-chart-5-subtle: color-mix(in oklch, var(--ma-chart-5) 18%, var(--ma-surface)); --ma-chart-6: #86D6C8; --ma-chart-6-subtle: color-mix(in oklch, var(--ma-chart-6) 18%, var(--ma-surface)); --ma-chart-7: #F1B873; --ma-chart-7-subtle: color-mix(in oklch, var(--ma-chart-7) 18%, var(--ma-surface)); --ma-chart-8: #85CEFC; --ma-chart-8-subtle: color-mix(in oklch, var(--ma-chart-8) 18%, var(--ma-surface)); --ma-chart-9: #B5BFFF; --ma-chart-9-subtle: color-mix(in oklch, var(--ma-chart-9) 18%, var(--ma-surface)); --ma-chart-10: #A5D676; --ma-chart-10-subtle: color-mix(in oklch, var(--ma-chart-10) 18%, var(--ma-surface)); --ma-chart-11: #FFA4C9; --ma-chart-11-subtle: color-mix(in oklch, var(--ma-chart-11) 18%, var(--ma-surface)); --ma-chart-12: #82D2E6; --ma-chart-12-subtle: color-mix(in oklch, var(--ma-chart-12) 18%, var(--ma-surface)); --ma-chart-grid: var(--ma-divider); --ma-chart-axis: var(--ma-border); --ma-chart-label: var(--ma-text-secondary); --ma-chart-title: var(--ma-text-secondary); --ma-chart-target: var(--ma-text-muted); --ma-chart-positive: var(--ma-positive); --ma-chart-negative: var(--ma-negative); --ma-chart-forecast: #92A1B6; --ma-chart-crosshair: var(--ma-border); --ma-chart-tooltip-bg: var(--ma-surface-overlay); --ma-chart-tooltip-text: var(--ma-text-inverse); --ma-chart-seq-1: #002A6E; --ma-on-chart-seq-1: #F8FAFD; --ma-chart-seq-2: #0D3F8E; --ma-on-chart-seq-2: #F8FAFD; --ma-chart-seq-3: #1C54B0; --ma-on-chart-seq-3: #F8FAFD; --ma-chart-seq-4: #2B6BD2; --ma-on-chart-seq-4: #F8FAFD; --ma-chart-seq-5: #3B82F6; --ma-on-chart-seq-5: #030710; --ma-chart-div-1: #9F4400; --ma-on-chart-div-1: #F8FAFD; --ma-chart-div-2: #7A3A14; --ma-on-chart-div-2: #F8FAFD; --ma-chart-div-3: #572F19; --ma-on-chart-div-3: #F8FAFD; --ma-chart-div-4: #1E2939; --ma-on-chart-div-4: #F8FAFD; --ma-chart-div-5: #1F3A67; --ma-on-chart-div-5: #F8FAFD; --ma-chart-div-6: #1B4B98; --ma-on-chart-div-6: #F8FAFD; --ma-chart-div-7: #115BCC; --ma-on-chart-div-7: #F8FAFD; } } :root { --ma-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ma-font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ma-font-serif: "Inter", ui-serif, Georgia, Cambria, "Times New Roman", serif; --ma-font-condensed: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ma-font-numeric: "Inter", 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-font-body: var(--ma-font-sans); --ma-font-headings: var(--ma-font-sans); --ma-font-prose: var(--ma-font-sans); --ma-font-data: var(--ma-font-sans); --ma-font-table-header: var(--ma-font-sans); --ma-font-chart-label: var(--ma-font-sans); --ma-font-code: var(--ma-font-mono); --ma-font-data-features: normal; --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-heading-weight: var(--ma-weight-semibold); --ma-heading-tracking: var(--ma-tracking-tight); --ma-heading-transform: none; --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; --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-border-width: 1px; --ma-border-width-strong: 2px; --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-card-padding: calc(1.25rem * var(--ma-density)); --ma-table-row-height: calc(3rem * var(--ma-density)); --ma-sidebar-item-radius: var(--ma-radius-md); --ma-topbar-border-width: var(--ma-border-width); --ma-card-border-width: var(--ma-border-width); --ma-card-radius: var(--ma-radius-xl); --ma-button-radius: var(--ma-control-radius); --ma-button-weight: var(--ma-weight-medium); --ma-button-transform: none; --ma-button-tracking: var(--ma-tracking-normal); --ma-control-border-width: var(--ma-border-width); --ma-control-radius: var(--ma-radius-md); --ma-badge-radius: var(--ma-radius-full); --ma-badge-weight: var(--ma-weight-medium); --ma-badge-transform: none; --ma-dialog-radius: var(--ma-radius-xl); --ma-tooltip-radius: var(--ma-radius-sm); --ma-link-decoration: none; }