/* Design System T2, tokens de https://design.t2.com.br
 * Arquivo gerado por scripts/build-ai-docs.mjs a partir de src/tokens.json. Não edite à mão.
 * Temas: light (padrão, :root), dark ([data-theme="dark"] ou .dark), dark-blue ([data-theme="dark-blue"]).
 * Fonte: Figma do Design System T2 (extraído em 2026-10-12, última edição do arquivo em 2026-10-09). Site: https://design.t2.com.br.
 */

:root {
  --midas-font-sans: "Geist", Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --midas-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --midas-font-size-xs: 12px;
  --midas-font-size-sm: 14px;
  --midas-font-size-md: 16px;
  --midas-font-size-lg: 18px;
  --midas-font-size-xl: 20px;
  --midas-font-size-2xl: 24px;
  --midas-font-size-3xl: 30px;
  --midas-font-size-4xl: 36px;
  --midas-font-size-5xl: 48px;
  --midas-font-size-6xl: 64px;
  --midas-font-line-height-xs: 16px;
  --midas-font-line-height-sm: 20px;
  --midas-font-line-height-md: 24px;
  --midas-font-line-height-lg: 28px;
  --midas-font-line-height-xl: 32px;
  --midas-font-line-height-2xl: 36px;
  --midas-font-line-height-3xl: 40px;
  --midas-font-line-height-4xl: 56px;
  --midas-font-line-height-5xl: 72px;
  --midas-font-weight-regular: 400;
  --midas-font-weight-medium: 500;
  --midas-font-weight-semibold: 600;
  --midas-tracking-tight: -1px;
  --midas-tracking-normal: 0px;
  --midas-tracking-wide: 1px;
  --midas-text-display-lg: 600 64px/72px var(--midas-font-sans);
  --midas-text-display-lg-tracking: -1px;
  --midas-text-display-md: 600 48px/56px var(--midas-font-sans);
  --midas-text-display-md-tracking: -1px;
  --midas-text-heading-xl: 600 30px/36px var(--midas-font-sans);
  --midas-text-heading-lg: 600 24px/32px var(--midas-font-sans);
  --midas-text-heading-md: 600 20px/28px var(--midas-font-sans);
  --midas-text-heading-sm: 600 18px/28px var(--midas-font-sans);
  --midas-text-body-lg: 400 18px/28px var(--midas-font-sans);
  --midas-text-body-md: 400 16px/24px var(--midas-font-sans);
  --midas-text-body-sm: 400 14px/20px var(--midas-font-sans);
  --midas-text-label-lg: 500 16px/24px var(--midas-font-sans);
  --midas-text-label-md: 500 14px/20px var(--midas-font-sans);
  --midas-text-label-sm: 500 12px/16px var(--midas-font-sans);
  --midas-text-caption: 400 12px/16px var(--midas-font-sans);
  --midas-text-mono-overline: 500 12px/16px var(--midas-font-mono);
  --midas-text-mono-overline-tracking: 1px;
  --midas-text-mono-sm: 400 12px/16px var(--midas-font-mono);
  --midas-text-mono-md: 400 14px/20px var(--midas-font-mono);
  --midas-space-0: 0px;
  --midas-space-2: 2px;
  --midas-space-4: 4px;
  --midas-space-6: 6px;
  --midas-space-8: 8px;
  --midas-space-10: 10px;
  --midas-space-12: 12px;
  --midas-space-16: 16px;
  --midas-space-20: 20px;
  --midas-space-24: 24px;
  --midas-space-32: 32px;
  --midas-space-40: 40px;
  --midas-space-48: 48px;
  --midas-space-56: 56px;
  --midas-space-64: 64px;
  --midas-space-80: 80px;
  --midas-size-control-xs: 24px;
  --midas-size-control-sm: 28px;
  --midas-size-control-md: 32px;
  --midas-size-control-lg: 40px;
  --midas-size-control-xl: 48px;
  --midas-size-control-2xl: 56px;
  --midas-size-control-3xl: 64px;
  --midas-size-control-4xl: 72px;
  --midas-size-icon-xs: 12px;
  --midas-size-icon-sm: 16px;
  --midas-size-icon-md: 20px;
  --midas-size-icon-lg: 24px;
  --midas-size-icon-xl: 32px;
  --midas-radius-none: 0px;
  --midas-radius-xs: 4px;
  --midas-radius-sm: 6px;
  --midas-radius-md: 8px;
  --midas-radius-lg: 10px;
  --midas-radius-xl: 12px;
  --midas-radius-2xl: 14px;
  --midas-radius-3xl: 18px;
  --midas-radius-full: 9999px;
  --midas-radius-role-control: var(--midas-radius-sm);
  --midas-radius-role-container: var(--midas-radius-2xl);
  --midas-radius-role-overlay: var(--midas-radius-lg);
  --midas-radius-role-pill: var(--midas-radius-full);
  --midas-border-width-sm: 1px;
  --midas-border-width-md: 1.5px;
  --midas-opacity-disabled: 0.5;
  --midas-blur-sm: 8px;
  --midas-blur-md: 16px;
  --midas-blur-lg: 32px;
  --midas-elevation-control: 0 1px 2px 0 rgb(15 23 41 / 0.04), 0 2px 8px 0 rgb(15 23 41 / 0.05);
  --midas-elevation-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --midas-elevation-raised: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --midas-elevation-overlay: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --midas-elevation-modal: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --midas-material-glass-blur: 24px;
  --midas-material-glass-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.12);
  --midas-material-glass-strong-blur: 40px;
  --midas-material-glass-strong-shadow: 0 2px 8px 0 rgb(0 0 0 / 0.16);
  --midas-material-liquid-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.12);
  --midas-material-frosted-blur: 28px;
  --midas-material-frosted-strong-blur: 48px;
  --midas-material-sheen-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.08);
  --midas-material-raised-button-shadow: var(--midas-elevation-card);
  --midas-gradient-slate: linear-gradient(90deg, #F8FAFC 0%, #94A3B8 100%);
  --midas-gradient-gray: linear-gradient(90deg, #F9FAFB 0%, #9CA3AF 100%);
  --midas-gradient-zinc: linear-gradient(90deg, #FAFAFA 0%, #A1A1AA 100%);
  --midas-gradient-neutral: linear-gradient(90deg, #FAFAFA 0%, #A1A1A1 100%);
  --midas-gradient-stone: linear-gradient(90deg, #FAFAF9 0%, #A6A09B 100%);
  --midas-gradient-taupe: linear-gradient(90deg, #FBFAF9 0%, #ABA09C 100%);
  --midas-gradient-mauve: linear-gradient(90deg, #FAFAFA 0%, #A89EA9 100%);
  --midas-gradient-mist: linear-gradient(90deg, #F9FBFB 0%, #9CA8AB 100%);
  --midas-gradient-olive: linear-gradient(90deg, #FBFBF9 0%, #ABAB9C 100%);
  --midas-gradient-slate-mid: linear-gradient(90deg, #F1F5F9 0%, #64748B 100%);
  --midas-gradient-slate-deep: linear-gradient(90deg, #E2E8F0 0%, #334155 100%);
  --midas-gradient-gray-mid: linear-gradient(90deg, #F3F4F6 0%, #6B7280 100%);
  --midas-gradient-stone-mid: linear-gradient(90deg, #E7E5E4 0%, #57534D 100%);
  --midas-gradient-zinc-deep: linear-gradient(90deg, #D4D4D8 0%, #3F3F46 100%);
  --midas-gradient-cyan: linear-gradient(90deg, #ECFEFF 0%, #00D3F2 100%);
  --midas-gradient-sky: linear-gradient(90deg, #F0F9FF 0%, #00BCFF 100%);
  --midas-gradient-blue: linear-gradient(90deg, #EFF6FF 0%, #51A2FF 100%);
  --midas-gradient-indigo: linear-gradient(90deg, #EEF2FF 0%, #7C86FF 100%);
  --midas-gradient-violet: linear-gradient(90deg, #F5F3FF 0%, #A684FF 100%);
  --midas-gradient-cyan-mid: linear-gradient(90deg, #A2F4FD 0%, #0092B8 100%);
  --midas-gradient-sky-mid: linear-gradient(90deg, #DFF2FE 0%, #00A6F4 100%);
  --midas-gradient-blue-deep: linear-gradient(90deg, #BEDBFF 0%, #1447E6 100%);
  --midas-gradient-indigo-mid: linear-gradient(90deg, #E0E7FF 0%, #615FFF 100%);
  --midas-gradient-violet-deep: linear-gradient(90deg, #DDD6FF 0%, #7F22FE 100%);
  --midas-gradient-red: linear-gradient(90deg, #FEF2F2 0%, #FF6467 100%);
  --midas-gradient-orange: linear-gradient(90deg, #FFF7ED 0%, #FF8904 100%);
  --midas-gradient-amber: linear-gradient(90deg, #FFFBEB 0%, #FFB900 100%);
  --midas-gradient-yellow: linear-gradient(90deg, #FEFCE8 0%, #FDC700 100%);
  --midas-gradient-lime: linear-gradient(90deg, #F7FEE7 0%, #9AE600 100%);
  --midas-gradient-green: linear-gradient(90deg, #F0FDF4 0%, #05DF72 100%);
  --midas-gradient-emerald: linear-gradient(90deg, #ECFDF5 0%, #00D492 100%);
  --midas-gradient-teal: linear-gradient(90deg, #F0FDFA 0%, #00D5BE 100%);
  --midas-gradient-red-mid: linear-gradient(90deg, #FFE2E2 0%, #FB2C36 100%);
  --midas-gradient-orange-deep: linear-gradient(90deg, #FFD6A7 0%, #F54900 100%);
  --midas-gradient-amber-mid: linear-gradient(90deg, #FEF3C6 0%, #FE9A00 100%);
  --midas-gradient-yellow-deep: linear-gradient(90deg, #FFF085 0%, #D08700 100%);
  --midas-gradient-green-mid: linear-gradient(90deg, #DCFCE7 0%, #00C950 100%);
  --midas-gradient-emerald-deep: linear-gradient(90deg, #A4F4CF 0%, #009966 100%);
  --midas-gradient-teal-mid: linear-gradient(90deg, #CBFBF1 0%, #00BBA7 100%);
  --midas-gradient-purple: linear-gradient(90deg, #FAF5FF 0%, #C27AFF 100%);
  --midas-gradient-fuchsia: linear-gradient(90deg, #FDF4FF 0%, #ED6AFF 100%);
  --midas-gradient-pink: linear-gradient(90deg, #FDF2F8 0%, #FB64B6 100%);
  --midas-gradient-rose: linear-gradient(90deg, #FFF1F2 0%, #FF637E 100%);
  --midas-gradient-purple-mid: linear-gradient(90deg, #F3E8FF 0%, #AD46FF 100%);
  --midas-gradient-fuchsia-deep: linear-gradient(90deg, #F6CFFF 0%, #C800DE 100%);
  --midas-gradient-pink-mid: linear-gradient(90deg, #FCE7F3 0%, #F6339A 100%);
  --midas-gradient-rose-deep: linear-gradient(90deg, #FFCCD3 0%, #EC003F 100%);
  --midas-breakpoint-mobile: 0px;
  --midas-breakpoint-tablet: 600px;
  --midas-breakpoint-laptop: 1024px;
  --midas-breakpoint-desktop: 1280px;
  --midas-breakpoint-wide: 1600px;
  --midas-grid-columns: 4;
  --midas-grid-gutter: 16px;
  --midas-grid-margin: 16px;
  --midas-grid-max-width: none;
  --midas-color-slate-50: #F8FAFC;
  --midas-color-slate-100: #F1F5F9;
  --midas-color-slate-200: #E2E8F0;
  --midas-color-slate-300: #CBD5E1;
  --midas-color-slate-400: #94A3B8;
  --midas-color-slate-500: #64748B;
  --midas-color-slate-600: #475569;
  --midas-color-slate-700: #334155;
  --midas-color-slate-800: #1E293B;
  --midas-color-slate-900: #0F172A;
  --midas-color-slate-950: #020617;
  --midas-color-sky-50: #F0F9FF;
  --midas-color-sky-100: #DFF2FE;
  --midas-color-sky-200: #B8E6FE;
  --midas-color-sky-300: #74D4FF;
  --midas-color-sky-400: #00BCFF;
  --midas-color-sky-500: #00A6F4;
  --midas-color-sky-600: #0084D1;
  --midas-color-sky-700: #0069A8;
  --midas-color-sky-800: #00598A;
  --midas-color-sky-900: #024A70;
  --midas-color-sky-950: #052F4A;
  --midas-color-gray-50: #F9FAFB;
  --midas-color-gray-100: #F3F4F6;
  --midas-color-gray-200: #E5E7EB;
  --midas-color-gray-300: #D1D5DB;
  --midas-color-gray-400: #9CA3AF;
  --midas-color-gray-500: #6B7280;
  --midas-color-gray-600: #4B5563;
  --midas-color-gray-700: #374151;
  --midas-color-gray-800: #111827;
  --midas-color-gray-900: #030712;
  --midas-color-gray-950: #030712;
  --midas-color-zinc-50: #FAFAFA;
  --midas-color-zinc-100: #F4F4F5;
  --midas-color-zinc-200: #E4E4E7;
  --midas-color-zinc-300: #D4D4D8;
  --midas-color-zinc-400: #A1A1AA;
  --midas-color-zinc-500: #71717A;
  --midas-color-zinc-600: #52525B;
  --midas-color-zinc-700: #3F3F46;
  --midas-color-zinc-800: #27272A;
  --midas-color-zinc-900: #18181B;
  --midas-color-zinc-950: #09090B;
  --midas-color-red-50: #FEF2F2;
  --midas-color-red-100: #FFE2E2;
  --midas-color-red-200: #FFC9C9;
  --midas-color-red-300: #FFA2A2;
  --midas-color-red-400: #FF6467;
  --midas-color-red-500: #FB2C36;
  --midas-color-red-600: #E7000B;
  --midas-color-red-700: #C10007;
  --midas-color-red-800: #9F0712;
  --midas-color-red-900: #82181A;
  --midas-color-red-950: #460809;
  --midas-color-orange-50: #FFF7ED;
  --midas-color-orange-100: #FFEDD4;
  --midas-color-orange-200: #FFD6A7;
  --midas-color-orange-300: #FFB86A;
  --midas-color-orange-400: #FF8904;
  --midas-color-orange-500: #FF6900;
  --midas-color-orange-600: #F54900;
  --midas-color-orange-700: #CA3500;
  --midas-color-orange-800: #9F2D00;
  --midas-color-orange-900: #7E2A0C;
  --midas-color-orange-950: #441306;
  --midas-color-amber-50: #FFFBEB;
  --midas-color-amber-100: #FEF3C6;
  --midas-color-amber-200: #FEE685;
  --midas-color-amber-300: #FFD230;
  --midas-color-amber-400: #FFB900;
  --midas-color-amber-500: #FE9A00;
  --midas-color-amber-600: #E17100;
  --midas-color-amber-700: #BB4D00;
  --midas-color-amber-800: #973C00;
  --midas-color-amber-900: #7B3306;
  --midas-color-amber-950: #461901;
  --midas-color-yellow-50: #FEFCE8;
  --midas-color-yellow-100: #FEF9C2;
  --midas-color-yellow-200: #FFF085;
  --midas-color-yellow-300: #FFDF20;
  --midas-color-yellow-400: #FDC700;
  --midas-color-yellow-500: #F0B100;
  --midas-color-yellow-600: #D08700;
  --midas-color-yellow-700: #A65F00;
  --midas-color-yellow-800: #894B00;
  --midas-color-yellow-900: #733E0A;
  --midas-color-yellow-950: #432004;
  --midas-color-lime-50: #F7FEE7;
  --midas-color-lime-100: #ECFCCA;
  --midas-color-lime-200: #D8F999;
  --midas-color-lime-300: #BBF451;
  --midas-color-lime-400: #9AE600;
  --midas-color-lime-500: #7CCF00;
  --midas-color-lime-600: #5EA500;
  --midas-color-lime-700: #497D00;
  --midas-color-lime-800: #3C6300;
  --midas-color-lime-900: #35530E;
  --midas-color-lime-950: #192E03;
  --midas-color-green-50: #F0FDF4;
  --midas-color-green-100: #DCFCE7;
  --midas-color-green-200: #B9F8CF;
  --midas-color-green-300: #7BF1A8;
  --midas-color-green-400: #05DF72;
  --midas-color-green-500: #00C950;
  --midas-color-green-600: #00A63E;
  --midas-color-green-700: #008236;
  --midas-color-green-800: #016630;
  --midas-color-green-900: #0D542B;
  --midas-color-green-950: #032E15;
  --midas-color-emerald-50: #ECFDF5;
  --midas-color-emerald-100: #D0FAE5;
  --midas-color-emerald-200: #A4F4CF;
  --midas-color-emerald-300: #5EE9B5;
  --midas-color-emerald-400: #00D492;
  --midas-color-emerald-500: #00BC7D;
  --midas-color-emerald-600: #009966;
  --midas-color-emerald-700: #007A55;
  --midas-color-emerald-800: #006045;
  --midas-color-emerald-900: #004F3B;
  --midas-color-emerald-950: #002C22;
  --midas-color-teal-50: #F0FDFA;
  --midas-color-teal-100: #CBFBF1;
  --midas-color-teal-200: #96F7E4;
  --midas-color-teal-300: #46ECD5;
  --midas-color-teal-400: #00D5BE;
  --midas-color-teal-500: #00BBA7;
  --midas-color-teal-600: #009689;
  --midas-color-teal-700: #00786F;
  --midas-color-teal-800: #005F5A;
  --midas-color-teal-900: #0B4F4A;
  --midas-color-teal-950: #022F2E;
  --midas-color-cyan-50: #ECFEFF;
  --midas-color-cyan-100: #CEFAFE;
  --midas-color-cyan-200: #A2F4FD;
  --midas-color-cyan-300: #53EAFD;
  --midas-color-cyan-400: #00D3F2;
  --midas-color-cyan-500: #00B8DB;
  --midas-color-cyan-600: #0092B8;
  --midas-color-cyan-700: #007595;
  --midas-color-cyan-800: #005F78;
  --midas-color-cyan-900: #104E64;
  --midas-color-cyan-950: #053345;
  --midas-color-blue-50: #EFF6FF;
  --midas-color-blue-100: #DBEAFE;
  --midas-color-blue-200: #BEDBFF;
  --midas-color-blue-300: #8EC5FF;
  --midas-color-blue-400: #51A2FF;
  --midas-color-blue-500: #2B7FFF;
  --midas-color-blue-600: #155DFC;
  --midas-color-blue-700: #1447E6;
  --midas-color-blue-800: #193CB8;
  --midas-color-blue-900: #1C398E;
  --midas-color-blue-950: #162456;
  --midas-color-indigo-50: #EEF2FF;
  --midas-color-indigo-100: #E0E7FF;
  --midas-color-indigo-200: #C6D2FF;
  --midas-color-indigo-300: #A3B3FF;
  --midas-color-indigo-400: #7C86FF;
  --midas-color-indigo-500: #615FFF;
  --midas-color-indigo-600: #4F39F6;
  --midas-color-indigo-700: #432DD7;
  --midas-color-indigo-800: #372AAC;
  --midas-color-indigo-900: #312C85;
  --midas-color-indigo-950: #1E1A4D;
  --midas-color-violet-50: #F5F3FF;
  --midas-color-violet-100: #EDE9FE;
  --midas-color-violet-200: #DDD6FF;
  --midas-color-violet-300: #C4B4FF;
  --midas-color-violet-400: #A684FF;
  --midas-color-violet-500: #8E51FF;
  --midas-color-violet-600: #7F22FE;
  --midas-color-violet-700: #7008E7;
  --midas-color-violet-800: #5D0EC0;
  --midas-color-violet-900: #4D179A;
  --midas-color-violet-950: #2F0D68;
  --midas-color-purple-50: #FAF5FF;
  --midas-color-purple-100: #F3E8FF;
  --midas-color-purple-200: #E9D4FF;
  --midas-color-purple-300: #DAB2FF;
  --midas-color-purple-400: #C27AFF;
  --midas-color-purple-500: #AD46FF;
  --midas-color-purple-600: #9810FA;
  --midas-color-purple-700: #8200DB;
  --midas-color-purple-800: #6E11B0;
  --midas-color-purple-900: #59168B;
  --midas-color-purple-950: #3C0366;
  --midas-color-fuchsia-50: #FDF4FF;
  --midas-color-fuchsia-100: #FAE8FF;
  --midas-color-fuchsia-200: #F6CFFF;
  --midas-color-fuchsia-300: #F4A8FF;
  --midas-color-fuchsia-400: #ED6AFF;
  --midas-color-fuchsia-500: #E12AFB;
  --midas-color-fuchsia-600: #C800DE;
  --midas-color-fuchsia-700: #A800B7;
  --midas-color-fuchsia-800: #8A0194;
  --midas-color-fuchsia-900: #721378;
  --midas-color-fuchsia-950: #4B004F;
  --midas-color-pink-50: #FDF2F8;
  --midas-color-pink-100: #FCE7F3;
  --midas-color-pink-200: #FCCEE8;
  --midas-color-pink-300: #FDA5D5;
  --midas-color-pink-400: #FB64B6;
  --midas-color-pink-500: #F6339A;
  --midas-color-pink-600: #E60076;
  --midas-color-pink-700: #C6005C;
  --midas-color-pink-800: #A3004C;
  --midas-color-pink-900: #861043;
  --midas-color-pink-950: #510424;
  --midas-color-rose-50: #FFF1F2;
  --midas-color-rose-100: #FFE4E6;
  --midas-color-rose-200: #FFCCD3;
  --midas-color-rose-300: #FFA1AD;
  --midas-color-rose-400: #FF637E;
  --midas-color-rose-500: #FF2056;
  --midas-color-rose-600: #EC003F;
  --midas-color-rose-700: #C70036;
  --midas-color-rose-800: #A50036;
  --midas-color-rose-900: #8B0836;
  --midas-color-rose-950: #4D0218;
  --midas-color-neutral-50: #FAFAFA;
  --midas-color-neutral-100: #F5F5F5;
  --midas-color-neutral-200: #E5E5E5;
  --midas-color-neutral-300: #D4D4D4;
  --midas-color-neutral-400: #A1A1A1;
  --midas-color-neutral-500: #737373;
  --midas-color-neutral-600: #525252;
  --midas-color-neutral-700: #404040;
  --midas-color-neutral-800: #262626;
  --midas-color-neutral-900: #171717;
  --midas-color-neutral-950: #0A0A0A;
  --midas-color-stone-50: #FAFAF9;
  --midas-color-stone-100: #F5F5F4;
  --midas-color-stone-200: #E7E5E4;
  --midas-color-stone-300: #D6D3D1;
  --midas-color-stone-400: #A6A09B;
  --midas-color-stone-500: #79716B;
  --midas-color-stone-600: #57534D;
  --midas-color-stone-700: #44403B;
  --midas-color-stone-800: #292524;
  --midas-color-stone-900: #1C1917;
  --midas-color-stone-950: #0C0A09;
  --midas-color-taupe-50: #FBFAF9;
  --midas-color-taupe-100: #F3F1F1;
  --midas-color-taupe-200: #E8E4E3;
  --midas-color-taupe-300: #D8D2D0;
  --midas-color-taupe-400: #ABA09C;
  --midas-color-taupe-500: #7C6D67;
  --midas-color-taupe-600: #5B4F4B;
  --midas-color-taupe-700: #473C39;
  --midas-color-taupe-800: #2B2422;
  --midas-color-taupe-900: #1D1816;
  --midas-color-taupe-950: #0C0A09;
  --midas-color-mauve-50: #FAFAFA;
  --midas-color-mauve-100: #F3F1F3;
  --midas-color-mauve-200: #E7E4E7;
  --midas-color-mauve-300: #D7D0D7;
  --midas-color-mauve-400: #A89EA9;
  --midas-color-mauve-500: #79697B;
  --midas-color-mauve-600: #594C5B;
  --midas-color-mauve-700: #463947;
  --midas-color-mauve-800: #2A212C;
  --midas-color-mauve-900: #1D161E;
  --midas-color-mauve-950: #0C090C;
  --midas-color-mist-50: #F9FBFB;
  --midas-color-mist-100: #F1F3F3;
  --midas-color-mist-200: #E3E7E8;
  --midas-color-mist-300: #D0D6D8;
  --midas-color-mist-400: #9CA8AB;
  --midas-color-mist-500: #67787C;
  --midas-color-mist-600: #4B585B;
  --midas-color-mist-700: #394447;
  --midas-color-mist-800: #22292B;
  --midas-color-mist-900: #161B1D;
  --midas-color-mist-950: #090B0C;
  --midas-color-olive-50: #FBFBF9;
  --midas-color-olive-100: #F4F4F0;
  --midas-color-olive-200: #E8E8E3;
  --midas-color-olive-300: #D8D8D0;
  --midas-color-olive-400: #ABAB9C;
  --midas-color-olive-500: #7C7C67;
  --midas-color-olive-600: #5B5B4B;
  --midas-color-olive-700: #474739;
  --midas-color-olive-800: #2B2B22;
  --midas-color-olive-900: #1D1D16;
  --midas-color-olive-950: #0C0C09;
}

@media (min-width: 600px) {
  :root {
    --midas-grid-columns: 8;
    --midas-grid-gutter: 24px;
    --midas-grid-margin: 32px;
    --midas-grid-max-width: none;
  }
}

@media (min-width: 1024px) {
  :root {
    --midas-grid-columns: 12;
    --midas-grid-gutter: 24px;
    --midas-grid-margin: 40px;
    --midas-grid-max-width: none;
  }
}

@media (min-width: 1280px) {
  :root {
    --midas-grid-columns: 12;
    --midas-grid-gutter: 24px;
    --midas-grid-margin: 64px;
    --midas-grid-max-width: 1312px;
  }
}

@media (min-width: 1600px) {
  :root {
    --midas-grid-columns: 12;
    --midas-grid-gutter: 32px;
    --midas-grid-margin: 80px;
    --midas-grid-max-width: 1440px;
  }
}

:root, [data-theme="light"] {
  color-scheme: light;
  /* surface */
  --midas-surface-canvas: #F8FAFC;
  --midas-surface-default: #F8FAFC;
  --midas-surface-muted: #F5F5F5;
  /* overlay */
  --midas-overlay-border: #D4D4D4;
  --midas-overlay-hover: #F5F5F5;
  --midas-overlay-surface: #FAFAFA;
  /* content */
  --midas-content-disabled: #A1A1A1;
  --midas-content-inverse: #FAFAFA;
  --midas-content-link: #007595;
  --midas-content-primary: #0A0A0A;
  --midas-content-secondary: #525252;
  /* border */
  --midas-border-default: #737373;
  --midas-border-strong: #525252;
  --midas-border-subtle: #E5E5E5;
  /* field */
  --midas-field-bg: #F8FAFC;
  --midas-field-bg-hover: #F5F5F5;
  /* action */
  --midas-action-accent-bg: #007595;
  --midas-action-accent-bg-hover: #005F78;
  --midas-action-accent-bg-pressed: #104E64;
  --midas-action-accent-content: #FAFAFA;
  --midas-action-accent-gradient-bottom: #007595;
  --midas-action-accent-gradient-top: #007595;
  --midas-action-destructive-bg: #E7000B;
  --midas-action-destructive-bg-hover: #C10007;
  --midas-action-destructive-bg-pressed: #9F0712;
  --midas-action-destructive-content: #FAFAFA;
  --midas-action-primary-bg: #171717;
  --midas-action-primary-bg-hover: #262626;
  --midas-action-primary-bg-pressed: #404040;
  --midas-action-primary-content: #FAFAFA;
  --midas-action-primary-gradient-bottom: #171717;
  --midas-action-primary-gradient-top: #404040;
  --midas-action-secondary-bg: #FAFAFA;
  --midas-action-secondary-bg-hover: #F5F5F5;
  --midas-action-secondary-bg-pressed: #E5E5E5;
  --midas-action-secondary-border: #E5E5E5;
  --midas-action-secondary-content: #171717;
  /* state */
  --midas-state-hover: #F5F5F5;
  --midas-state-pressed: #E5E5E5;
  /* selection */
  --midas-selection-bg: #ECFEFF;
  --midas-selection-border: #0092B8;
  --midas-selection-content: #007595;
  --midas-selection-fill: #007595;
  --midas-selection-on-fill: #FAFAFA;
  /* focus */
  --midas-focus-halo: #06B6D447;
  --midas-focus-ring: #0092B8;
  --midas-focus-halo-neutral: #0A0A0A17;
  --midas-focus-halo-danger: #E7000B29;
  /* disabled */
  --midas-disabled-bg: #F5F5F5;
  --midas-disabled-border: #E5E5E5;
  /* status */
  --midas-status-danger-border: #FFC9C9;
  --midas-status-danger-content: #C10007;
  --midas-status-danger-fill: #E7000B;
  --midas-status-danger-on-fill: #FAFAFA;
  --midas-status-danger-subtle: #FEF2F2;
  --midas-status-info-border: #BEDBFF;
  --midas-status-info-content: #1447E6;
  --midas-status-info-fill: #155DFC;
  --midas-status-info-on-fill: #FAFAFA;
  --midas-status-info-subtle: #EFF6FF;
  --midas-status-success-border: #B9F8CF;
  --midas-status-success-content: #008236;
  --midas-status-success-fill: #008236;
  --midas-status-success-on-fill: #FAFAFA;
  --midas-status-success-subtle: #F0FDF4;
  --midas-status-warning-border: #FEE685;
  --midas-status-warning-content: #BB4D00;
  --midas-status-warning-fill: #E17100;
  --midas-status-warning-on-fill: #0A0A0A;
  --midas-status-warning-subtle: #FFFBEB;
  /* material */
  --midas-material-glass-bg: #FAFAFA59;
  --midas-material-glass-border: #FAFAFAE5;
  --midas-material-on-media-bg: #FAFAFA;
  --midas-material-on-media-bg-content: #0A0A0A;
  --midas-material-on-media-content: #FAFAFA;
  --midas-material-scrim-bg: #0A0A0A73;
  --midas-material-scrim-border: #FAFAFA29;
  --midas-material-sheen: #FAFAFA2E;
  --midas-material-tint-bg: #00B8DB47;
  --midas-material-tint-border: #A2F4FD73;
  --midas-material-glass-surface: #FAFAFACC;
  --midas-material-scrim-strong: #0A0A0AB8;
  /* brand */
  --midas-brand-content: #007595;
  --midas-brand-on-primary: #0A0A0A;
  --midas-brand-primary: #00B8DB;
  /* chart */
  --midas-chart-1: #00B8DB;
  --midas-chart-2: #00A6F4;
  --midas-chart-3: #8E51FF;
  --midas-chart-4: #00BC7D;
  --midas-chart-5: #FE9A00;
  /* progress */
  --midas-progress-track: #E5E5E5;
  --midas-progress-fill: #007595;
  --midas-progress-gradient-start: #00D3F2;
  --midas-progress-gradient-end: #007595;
  --midas-progress-glow: #00B8DB73;
  --midas-progress-shine: #FAFAFA8C;
  --midas-progress-tip: #FAFAFA;
  /* effect */
  --midas-effect-focus-ring: 0 0 0 4px var(--midas-focus-halo);
  --midas-effect-focus-ring-neutral: 0 0 0 4px var(--midas-focus-halo-neutral);
  --midas-effect-focus-ring-danger: 0 0 0 4px var(--midas-focus-halo-danger);
}

[data-theme="dark"], .dark {
  color-scheme: dark;
  /* surface */
  --midas-surface-canvas: #0A0A0A;
  --midas-surface-default: #171717;
  --midas-surface-muted: #262626;
  /* overlay */
  --midas-overlay-border: #404040;
  --midas-overlay-hover: #404040;
  --midas-overlay-surface: #262626;
  /* content */
  --midas-content-disabled: #525252;
  --midas-content-inverse: #171717;
  --midas-content-link: #00D3F2;
  --midas-content-primary: #FAFAFA;
  --midas-content-secondary: #A1A1A1;
  /* border */
  --midas-border-default: #737373;
  --midas-border-strong: #A1A1A1;
  --midas-border-subtle: #262626;
  /* field */
  --midas-field-bg: #0A0A0A;
  --midas-field-bg-hover: #171717;
  /* action */
  --midas-action-accent-bg: #00D3F2;
  --midas-action-accent-bg-hover: #53EAFD;
  --midas-action-accent-bg-pressed: #A2F4FD;
  --midas-action-accent-content: #0A0A0A;
  --midas-action-accent-gradient-bottom: #00D3F2;
  --midas-action-accent-gradient-top: #53EAFD;
  --midas-action-destructive-bg: #E7000B;
  --midas-action-destructive-bg-hover: #C10007;
  --midas-action-destructive-bg-pressed: #9F0712;
  --midas-action-destructive-content: #FAFAFA;
  --midas-action-primary-bg: #FAFAFA;
  --midas-action-primary-bg-hover: #E5E5E5;
  --midas-action-primary-bg-pressed: #D4D4D4;
  --midas-action-primary-content: #171717;
  --midas-action-primary-gradient-bottom: #E5E5E5;
  --midas-action-primary-gradient-top: #FAFAFA;
  --midas-action-secondary-bg: #262626;
  --midas-action-secondary-bg-hover: #404040;
  --midas-action-secondary-bg-pressed: #525252;
  --midas-action-secondary-border: #404040;
  --midas-action-secondary-content: #FAFAFA;
  /* state */
  --midas-state-hover: #262626;
  --midas-state-pressed: #404040;
  /* selection */
  --midas-selection-bg: #053345;
  --midas-selection-border: #00D3F2;
  --midas-selection-content: #53EAFD;
  --midas-selection-fill: #00D3F2;
  --midas-selection-on-fill: #0A0A0A;
  /* focus */
  --midas-focus-halo: #22D3EE4D;
  --midas-focus-ring: #00D3F2;
  --midas-focus-halo-neutral: #F8FAFC38;
  --midas-focus-halo-danger: #E7000B29;
  /* disabled */
  --midas-disabled-bg: #262626;
  --midas-disabled-border: #262626;
  /* status */
  --midas-status-danger-border: #9F0712;
  --midas-status-danger-content: #FF6467;
  --midas-status-danger-fill: #E7000B;
  --midas-status-danger-on-fill: #FAFAFA;
  --midas-status-danger-subtle: #460809;
  --midas-status-info-border: #193CB8;
  --midas-status-info-content: #51A2FF;
  --midas-status-info-fill: #51A2FF;
  --midas-status-info-on-fill: #0A0A0A;
  --midas-status-info-subtle: #162456;
  --midas-status-success-border: #016630;
  --midas-status-success-content: #05DF72;
  --midas-status-success-fill: #05DF72;
  --midas-status-success-on-fill: #0A0A0A;
  --midas-status-success-subtle: #032E15;
  --midas-status-warning-border: #973C00;
  --midas-status-warning-content: #FFB900;
  --midas-status-warning-fill: #FFB900;
  --midas-status-warning-on-fill: #0A0A0A;
  --midas-status-warning-subtle: #461901;
  /* material */
  --midas-material-glass-bg: #FAFAFA14;
  --midas-material-glass-border: #FAFAFA47;
  --midas-material-on-media-bg: #FAFAFA;
  --midas-material-on-media-bg-content: #0A0A0A;
  --midas-material-on-media-content: #FAFAFA;
  --midas-material-scrim-bg: #0A0A0A73;
  --midas-material-scrim-border: #FAFAFA29;
  --midas-material-sheen: #FAFAFA59;
  --midas-material-tint-bg: #00D3F238;
  --midas-material-tint-border: #53EAFD59;
  --midas-material-glass-surface: #0A0A0AD6;
  --midas-material-scrim-strong: #0A0A0AB8;
  /* brand */
  --midas-brand-content: #00D3F2;
  --midas-brand-on-primary: #0A0A0A;
  --midas-brand-primary: #00D3F2;
  /* chart */
  --midas-chart-1: #00D3F2;
  --midas-chart-2: #00BCFF;
  --midas-chart-3: #A684FF;
  --midas-chart-4: #00D492;
  --midas-chart-5: #FFB900;
  /* progress */
  --midas-progress-track: #262626;
  --midas-progress-fill: #00D3F2;
  --midas-progress-gradient-start: #007595;
  --midas-progress-gradient-end: #53EAFD;
  --midas-progress-glow: #00D3F299;
  --midas-progress-shine: #FAFAFA99;
  --midas-progress-tip: #FAFAFA;
  /* effect */
  --midas-effect-focus-ring: 0 0 0 4px var(--midas-focus-halo);
  --midas-effect-focus-ring-neutral: 0 0 0 4px var(--midas-focus-halo-neutral);
  --midas-effect-focus-ring-danger: 0 0 0 4px var(--midas-focus-halo-danger);
}

[data-theme="dark-blue"] {
  color-scheme: dark;
  /* surface */
  --midas-surface-canvas: #020617;
  --midas-surface-default: #0F172A;
  --midas-surface-muted: #1E293B;
  /* overlay */
  --midas-overlay-border: #334155;
  --midas-overlay-hover: #334155;
  --midas-overlay-surface: #1E293B;
  /* content */
  --midas-content-disabled: #475569;
  --midas-content-inverse: #171717;
  --midas-content-link: #00D3F2;
  --midas-content-primary: #FAFAFA;
  --midas-content-secondary: #94A3B8;
  /* border */
  --midas-border-default: #64748B;
  --midas-border-strong: #94A3B8;
  --midas-border-subtle: #1E293B;
  /* field */
  --midas-field-bg: #020617;
  --midas-field-bg-hover: #0F172A;
  /* action */
  --midas-action-accent-bg: #00D3F2;
  --midas-action-accent-bg-hover: #53EAFD;
  --midas-action-accent-bg-pressed: #A2F4FD;
  --midas-action-accent-content: #0A0A0A;
  --midas-action-accent-gradient-bottom: #00D3F2;
  --midas-action-accent-gradient-top: #53EAFD;
  --midas-action-destructive-bg: #E7000B;
  --midas-action-destructive-bg-hover: #C10007;
  --midas-action-destructive-bg-pressed: #9F0712;
  --midas-action-destructive-content: #FAFAFA;
  --midas-action-primary-bg: #FAFAFA;
  --midas-action-primary-bg-hover: #E5E5E5;
  --midas-action-primary-bg-pressed: #D4D4D4;
  --midas-action-primary-content: #171717;
  --midas-action-primary-gradient-bottom: #E5E5E5;
  --midas-action-primary-gradient-top: #FAFAFA;
  --midas-action-secondary-bg: #1E293B;
  --midas-action-secondary-bg-hover: #334155;
  --midas-action-secondary-bg-pressed: #475569;
  --midas-action-secondary-border: #334155;
  --midas-action-secondary-content: #FAFAFA;
  /* state */
  --midas-state-hover: #1E293B;
  --midas-state-pressed: #334155;
  /* selection */
  --midas-selection-bg: #053345;
  --midas-selection-border: #00D3F2;
  --midas-selection-content: #53EAFD;
  --midas-selection-fill: #00D3F2;
  --midas-selection-on-fill: #0A0A0A;
  /* focus */
  --midas-focus-halo: #22D3EE4D;
  --midas-focus-ring: #00D3F2;
  --midas-focus-halo-neutral: #F8FAFC38;
  --midas-focus-halo-danger: #E7000B29;
  /* disabled */
  --midas-disabled-bg: #1E293B;
  --midas-disabled-border: #1E293B;
  /* status */
  --midas-status-danger-border: #9F0712;
  --midas-status-danger-content: #FF6467;
  --midas-status-danger-fill: #E7000B;
  --midas-status-danger-on-fill: #FAFAFA;
  --midas-status-danger-subtle: #460809;
  --midas-status-info-border: #193CB8;
  --midas-status-info-content: #51A2FF;
  --midas-status-info-fill: #51A2FF;
  --midas-status-info-on-fill: #0A0A0A;
  --midas-status-info-subtle: #162456;
  --midas-status-success-border: #016630;
  --midas-status-success-content: #05DF72;
  --midas-status-success-fill: #05DF72;
  --midas-status-success-on-fill: #0A0A0A;
  --midas-status-success-subtle: #032E15;
  --midas-status-warning-border: #973C00;
  --midas-status-warning-content: #FFB900;
  --midas-status-warning-fill: #FFB900;
  --midas-status-warning-on-fill: #0A0A0A;
  --midas-status-warning-subtle: #461901;
  /* material */
  --midas-material-glass-bg: #F8FAFC14;
  --midas-material-glass-border: #F8FAFC47;
  --midas-material-on-media-bg: #FAFAFA;
  --midas-material-on-media-bg-content: #0A0A0A;
  --midas-material-on-media-content: #FAFAFA;
  --midas-material-scrim-bg: #02061773;
  --midas-material-scrim-border: #F8FAFC29;
  --midas-material-sheen: #FAFAFA59;
  --midas-material-tint-bg: #00D3F238;
  --midas-material-tint-border: #53EAFD59;
  --midas-material-glass-surface: #020617D6;
  --midas-material-scrim-strong: #020617B8;
  /* brand */
  --midas-brand-content: #00D3F2;
  --midas-brand-on-primary: #0A0A0A;
  --midas-brand-primary: #00D3F2;
  /* chart */
  --midas-chart-1: #00D3F2;
  --midas-chart-2: #00BCFF;
  --midas-chart-3: #A684FF;
  --midas-chart-4: #00D492;
  --midas-chart-5: #FFB900;
  /* progress */
  --midas-progress-track: #1E293B;
  --midas-progress-fill: #00D3F2;
  --midas-progress-gradient-start: #007595;
  --midas-progress-gradient-end: #53EAFD;
  --midas-progress-glow: #00D3F299;
  --midas-progress-shine: #FAFAFA99;
  --midas-progress-tip: #FAFAFA;
  /* effect */
  --midas-effect-focus-ring: 0 0 0 4px var(--midas-focus-halo);
  --midas-effect-focus-ring-neutral: 0 0 0 4px var(--midas-focus-halo-neutral);
  --midas-effect-focus-ring-danger: 0 0 0 4px var(--midas-focus-halo-danger);
}