/* Deprecated since 1.3.0 (removed in 2.0): --mc-font-size-xs|sm|md|lg|xl|2xl…6xl → use numeric --mc-font-size-<px>. */
/* Minico tokens v1.3.0 — GENERATED from minico.tokens.json. Do not edit by hand. */
:root{
  --mc-color-blue-50: #EEEEFF;
  --mc-color-blue-100: #DCDDFF;
  --mc-color-blue-200: #BABCFF;
  --mc-color-blue-300: #8F92FF;
  --mc-color-blue-400: #6064FE;
  --mc-color-blue-500: #3030FE;
  --mc-color-blue-600: #2222DC;
  --mc-color-blue-700: #1A1AAF;
  --mc-color-blue-800: #131383;
  --mc-color-blue-900: #0D0D57;
  --mc-color-blue-gradient-start: #454EFF;
  --mc-color-blue-gradient-end: #2200FF;
  --mc-color-neutral-0: #FFFFFF;
  --mc-color-neutral-50: #F8F7F9;
  --mc-color-neutral-100: #F1F0F3;
  --mc-color-neutral-200: #E3E2E7;
  --mc-color-neutral-300: #C9C7CF;
  --mc-color-neutral-400: #A3A1AC;
  --mc-color-neutral-500: #7B7985;
  --mc-color-neutral-600: #5A5864;
  --mc-color-neutral-700: #3E3C46;
  --mc-color-neutral-800: #2E2A2D;
  --mc-color-neutral-900: #231F20;
  --mc-color-neutral-925: #17151A;
  --mc-color-neutral-950: #0D0C0F;
  --mc-color-green-300: #5FD99A;
  --mc-color-green-600: #127434;
  --mc-color-amber-300: #FBBF4D;
  --mc-color-amber-600: #985700;
  --mc-color-red-300: #FF8A8F;
  --mc-color-red-600: #C2222C;
  --mc-font-family-display: 'Chakra Petch', 'Geist', system-ui, sans-serif;
  --mc-font-family-sans: 'Geist', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mc-font-family-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
  --mc-font-weight-regular: 400;
  --mc-font-weight-medium: 500;
  --mc-font-weight-semibold: 600;
  --mc-font-weight-bold: 700;
  --mc-font-size-11: 11px;
  --mc-font-size-12: 12px;
  --mc-font-size-13: 13px;
  --mc-font-size-14: 14px;
  --mc-font-size-15: 15px;
  --mc-font-size-16: 16px;
  --mc-font-size-17: 17px;
  --mc-font-size-18: 18px;
  --mc-font-size-20: 20px;
  --mc-font-size-22: 22px;
  --mc-font-size-24: 24px;
  --mc-font-size-28: 28px;
  --mc-font-size-30: 30px;
  --mc-font-size-32: 32px;
  --mc-font-size-36: 36px;
  --mc-font-size-40: 40px;
  --mc-font-size-44: 44px;
  --mc-font-size-48: 48px;
  --mc-font-size-52: 52px;
  --mc-font-size-56: 56px;
  --mc-font-size-64: 64px;
  --mc-font-size-72: 72px;
  --mc-font-size-80: 80px;
  --mc-font-size-xs: 12px;
  --mc-font-size-sm: 14px;
  --mc-font-size-md: 16px;
  --mc-font-size-lg: 18px;
  --mc-font-size-xl: 22px;
  --mc-font-size-2xl: 28px;
  --mc-font-size-3xl: 36px;
  --mc-font-size-4xl: 48px;
  --mc-font-size-5xl: 64px;
  --mc-font-size-6xl: 80px;
  --mc-font-line-height-tight: 1.05;
  --mc-font-line-height-snug: 1.2;
  --mc-font-line-height-normal: 1.5;
  --mc-font-line-height-relaxed: 1.65;
  --mc-space-0: 0;
  --mc-space-0-5: 2px;
  --mc-space-1: 4px;
  --mc-space-1-5: 6px;
  --mc-space-2: 8px;
  --mc-space-2-5: 10px;
  --mc-space-3: 12px;
  --mc-space-3-5: 14px;
  --mc-space-4: 16px;
  --mc-space-5: 20px;
  --mc-space-6: 24px;
  --mc-space-7: 28px;
  --mc-space-8: 32px;
  --mc-space-10: 40px;
  --mc-space-12: 48px;
  --mc-space-14: 56px;
  --mc-space-16: 64px;
  --mc-space-20: 80px;
  --mc-space-24: 96px;
  --mc-space-28: 112px;
  --mc-space-32: 128px;
  --mc-radius-none: 0;
  --mc-radius-xs: 2px;
  --mc-radius-sm: 4px;
  --mc-radius-md: 8px;
  --mc-radius-lg: 12px;
  --mc-radius-pill: 999px;
  --mc-chamfer-sm: 6px;
  --mc-chamfer-md: 10px;
  --mc-chamfer-lg: 16px;
  --mc-chamfer-xl: 24px;
  --mc-duration-instant: 100ms; /* @kind other */
  --mc-duration-fast: 150ms; /* @kind other */
  --mc-duration-base: 240ms; /* @kind other */
  --mc-duration-slow: 400ms; /* @kind other */
  --mc-duration-story: 700ms; /* @kind other */
  --mc-easing-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --mc-easing-enter: cubic-bezier(0, 0, 0, 1); /* @kind other */
  --mc-easing-exit: cubic-bezier(0.3, 0, 1, 1); /* @kind other */
  --mc-easing-plug: cubic-bezier(0.5, 1.6, 0.4, 1); /* @kind other */
  --mc-breakpoint-sm: 640px; /* @kind other */
  --mc-breakpoint-md: 768px; /* @kind other */
  --mc-breakpoint-lg: 1024px; /* @kind other */
  --mc-breakpoint-xl: 1280px; /* @kind other */
  --mc-breakpoint-2xl: 1440px; /* @kind other */
  --mc-layout-max-width: 1280px; /* @kind spacing */
  --mc-layout-max-width-wide: 1440px; /* @kind spacing */
  --mc-layout-reading-width: 72ch; /* @kind other */
  --mc-layout-header-height: 68px; /* @kind spacing */
  --mc-z-index-base: 0; /* @kind other */
  --mc-z-index-sticky: 100; /* @kind other */
  --mc-z-index-overlay: 200; /* @kind other */
  --mc-z-index-modal: 300; /* @kind other */
  --mc-z-index-toast: 400; /* @kind other */
  --mc-shadow-none: none;
  --mc-shadow-overlay: 0 12px 32px rgba(13,12,15,0.18);
  --mc-border-width-hairline: 1px; /* @kind spacing */
  --mc-border-width-strong: 1.5px; /* @kind spacing */
  --mc-border-width-focus: 2px; /* @kind spacing */
  --mc-bg-canvas: var(--mc-color-neutral-100);
  --mc-bg-surface: var(--mc-color-neutral-0);
  --mc-bg-subtle: var(--mc-color-neutral-50);
  --mc-bg-inverse: var(--mc-color-neutral-900);
  --mc-bg-brand: var(--mc-color-blue-500);
  --mc-text-primary: var(--mc-color-neutral-900);
  --mc-text-secondary: var(--mc-color-neutral-600);
  --mc-text-muted: var(--mc-color-neutral-600);
  --mc-text-on-brand: var(--mc-color-neutral-0);
  --mc-text-on-inverse: var(--mc-color-neutral-0);
  --mc-text-link: var(--mc-color-blue-600);
  --mc-border-default: var(--mc-color-neutral-200);
  --mc-border-strong: var(--mc-color-neutral-500);
  --mc-border-focus: var(--mc-color-blue-500);
  --mc-action-primary-bg: var(--mc-color-blue-500);
  --mc-action-primary-bg-hover: var(--mc-color-blue-600);
  --mc-action-primary-text: var(--mc-color-neutral-0);
  --mc-action-secondary-bg: var(--mc-color-neutral-900);
  --mc-action-secondary-text: var(--mc-color-neutral-0);
  --mc-status-ready: var(--mc-color-green-600);
  --mc-status-autofix: var(--mc-color-blue-600);
  --mc-status-action: var(--mc-color-amber-600);
  --mc-status-blocker: var(--mc-color-red-600);
  --mc-bg-media: var(--mc-color-blue-100);
  --mc-chart-1: var(--mc-color-blue-500);
  --mc-chart-2: var(--mc-color-neutral-900);
  --mc-chart-3: var(--mc-color-blue-400);
  --mc-chart-4: var(--mc-color-neutral-500);
  --mc-chart-grid: var(--mc-color-neutral-200);
}
/* Dark theme: set data-theme="dark" on <html> (auto prefers-color-scheme switching removed so every theme value is a registered token). */
:root[data-theme="dark"]{
  --mc-bg-canvas: var(--mc-color-neutral-950);
  --mc-bg-surface: var(--mc-color-neutral-925);
  --mc-bg-subtle: var(--mc-color-neutral-900);
  --mc-bg-inverse: var(--mc-color-neutral-100);
  --mc-bg-brand: var(--mc-color-blue-500);
  --mc-text-primary: var(--mc-color-neutral-100);
  --mc-text-secondary: var(--mc-color-neutral-400);
  --mc-text-muted: var(--mc-color-neutral-400);
  --mc-text-on-brand: var(--mc-color-neutral-0);
  --mc-text-on-inverse: var(--mc-color-neutral-900);
  --mc-text-link: var(--mc-color-blue-300);
  --mc-border-default: var(--mc-color-neutral-700);
  --mc-border-strong: var(--mc-color-neutral-500);
  --mc-border-focus: var(--mc-color-blue-300);
  --mc-action-primary-bg: var(--mc-color-blue-500);
  --mc-action-primary-bg-hover: var(--mc-color-blue-600);
  --mc-action-primary-text: var(--mc-color-neutral-0);
  --mc-action-secondary-bg: var(--mc-color-neutral-100);
  --mc-action-secondary-text: var(--mc-color-neutral-900);
  --mc-status-ready: var(--mc-color-green-300);
  --mc-status-autofix: var(--mc-color-blue-300);
  --mc-status-action: var(--mc-color-amber-300);
  --mc-status-blocker: var(--mc-color-red-300);
  --mc-bg-media: var(--mc-color-blue-900);
  --mc-chart-1: var(--mc-color-blue-400);
  --mc-chart-2: var(--mc-color-neutral-100);
  --mc-chart-3: var(--mc-color-blue-200);
  --mc-chart-4: var(--mc-color-neutral-500);
  --mc-chart-grid: var(--mc-color-neutral-800);
}
/* Fixed-surface scopes: any element with a fixed background (print pages, swatches, tiles) pins its theme so text never inverts. */
[data-theme-scope="light"]{
  --mc-bg-canvas: var(--mc-color-neutral-100);
  --mc-bg-surface: var(--mc-color-neutral-0);
  --mc-bg-subtle: var(--mc-color-neutral-50);
  --mc-bg-inverse: var(--mc-color-neutral-900);
  --mc-bg-brand: var(--mc-color-blue-500);
  --mc-text-primary: var(--mc-color-neutral-900);
  --mc-text-secondary: var(--mc-color-neutral-600);
  --mc-text-muted: var(--mc-color-neutral-600);
  --mc-text-on-brand: var(--mc-color-neutral-0);
  --mc-text-on-inverse: var(--mc-color-neutral-0);
  --mc-text-link: var(--mc-color-blue-600);
  --mc-border-default: var(--mc-color-neutral-200);
  --mc-border-strong: var(--mc-color-neutral-500);
  --mc-border-focus: var(--mc-color-blue-500);
  --mc-action-primary-bg: var(--mc-color-blue-500);
  --mc-action-primary-bg-hover: var(--mc-color-blue-600);
  --mc-action-primary-text: var(--mc-color-neutral-0);
  --mc-action-secondary-bg: var(--mc-color-neutral-900);
  --mc-action-secondary-text: var(--mc-color-neutral-0);
  --mc-status-ready: var(--mc-color-green-600);
  --mc-status-autofix: var(--mc-color-blue-600);
  --mc-status-action: var(--mc-color-amber-600);
  --mc-status-blocker: var(--mc-color-red-600);
  --mc-bg-media: var(--mc-color-blue-100);
  --mc-chart-1: var(--mc-color-blue-500);
  --mc-chart-2: var(--mc-color-neutral-900);
  --mc-chart-3: var(--mc-color-blue-400);
  --mc-chart-4: var(--mc-color-neutral-500);
  --mc-chart-grid: var(--mc-color-neutral-200);
  color:var(--mc-text-primary);
}
[data-theme-scope="dark"]{
  --mc-bg-canvas: var(--mc-color-neutral-950);
  --mc-bg-surface: var(--mc-color-neutral-925);
  --mc-bg-subtle: var(--mc-color-neutral-900);
  --mc-bg-inverse: var(--mc-color-neutral-100);
  --mc-bg-brand: var(--mc-color-blue-500);
  --mc-text-primary: var(--mc-color-neutral-100);
  --mc-text-secondary: var(--mc-color-neutral-400);
  --mc-text-muted: var(--mc-color-neutral-400);
  --mc-text-on-brand: var(--mc-color-neutral-0);
  --mc-text-on-inverse: var(--mc-color-neutral-900);
  --mc-text-link: var(--mc-color-blue-300);
  --mc-border-default: var(--mc-color-neutral-700);
  --mc-border-strong: var(--mc-color-neutral-500);
  --mc-border-focus: var(--mc-color-blue-300);
  --mc-action-primary-bg: var(--mc-color-blue-500);
  --mc-action-primary-bg-hover: var(--mc-color-blue-600);
  --mc-action-primary-text: var(--mc-color-neutral-0);
  --mc-action-secondary-bg: var(--mc-color-neutral-100);
  --mc-action-secondary-text: var(--mc-color-neutral-900);
  --mc-status-ready: var(--mc-color-green-300);
  --mc-status-autofix: var(--mc-color-blue-300);
  --mc-status-action: var(--mc-color-amber-300);
  --mc-status-blocker: var(--mc-color-red-300);
  --mc-bg-media: var(--mc-color-blue-900);
  --mc-chart-1: var(--mc-color-blue-400);
  --mc-chart-2: var(--mc-color-neutral-100);
  --mc-chart-3: var(--mc-color-blue-200);
  --mc-chart-4: var(--mc-color-neutral-500);
  --mc-chart-grid: var(--mc-color-neutral-800);
  color:var(--mc-text-primary);
}
/* component */
:root{
  --mc-button-primary-bg: var(--mc-action-primary-bg);
  --mc-button-primary-text: var(--mc-action-primary-text);
  --mc-button-primary-chamfer: var(--mc-chamfer-sm);
  --mc-button-height-md: 44px;
  --mc-button-height-lg: 52px;
  --mc-card-game-chamfer: var(--mc-chamfer-lg);
  --mc-card-game-padding: var(--mc-space-6);
  --mc-badge-status-radius: var(--mc-radius-xs);
  --mc-score-ring-stroke: 8px;
  --mc-focus-ring-width: 2px;
  --mc-focus-ring-offset: 2px;
  --mc-input-height: 44px;
  --mc-input-radius: var(--mc-radius-sm);
  --mc-card-platform-chamfer: var(--mc-chamfer-lg);
  --mc-field-brand-chamfer: var(--mc-chamfer-xl);
  --mc-scanner-bg: var(--mc-color-neutral-950);
  --mc-scanner-text: var(--mc-color-neutral-100);
  --mc-header-height: var(--mc-layout-header-height);
  --mc-sidebar-width: 248px;
  --mc-toast-width: 360px;
  --mc-dialog-width: 560px;
  --mc-tooltip-max-width: 280px;
  --mc-scanner-keyword: var(--mc-color-blue-300);
  --mc-scanner-string: var(--mc-color-green-300);
  --mc-scanner-comment: var(--mc-color-neutral-400);
  --mc-scanner-ok: var(--mc-color-green-300);
  --mc-scanner-run: var(--mc-color-blue-300);
  --mc-scanner-warn: var(--mc-color-amber-300);
  --mc-scanner-sub: var(--mc-color-neutral-400);
  --mc-band-gradient-start: var(--mc-color-blue-gradient-start);
  --mc-band-gradient-end: var(--mc-color-blue-gradient-end);
  --mc-band-text: var(--mc-color-neutral-0);
  --mc-band-button-bg: var(--mc-color-neutral-0);
  --mc-band-button-bg-hover: var(--mc-color-blue-50);
  --mc-band-button-text: var(--mc-color-blue-600);
  --mc-band-quiet-border: rgba(255, 255, 255, 0.6);
  --mc-switch-thumb: var(--mc-color-neutral-0);
  --mc-dialog-backdrop: rgba(13, 12, 15, 0.55);
  --mc-plan-flag-bg: var(--mc-action-primary-bg);
  --mc-plan-flag-text: var(--mc-action-primary-text);
  --mc-table-row-height: 48px;
  --mc-dropzone-min-height: 200px;
  --mc-pricing-chamfer: var(--mc-chamfer-lg);
}
/* text styles */
.mc-text-display-hero{font-family:var(--mc-font-family-display);font-weight:700;font-size:clamp(40px, 6.4vw, 80px);line-height:1.02;letter-spacing:-0.015em;}
.mc-text-display-h1{font-family:var(--mc-font-family-display);font-weight:700;font-size:clamp(34px, 4.6vw, 56px);line-height:1.05;letter-spacing:-0.01em;}
.mc-text-display-h2{font-family:var(--mc-font-family-display);font-weight:700;font-size:clamp(28px, 3.4vw, 40px);line-height:1.1;letter-spacing:-0.01em;}
.mc-text-display-score{font-family:var(--mc-font-family-display);font-weight:700;font-size:64px;line-height:1;letter-spacing:0;}
.mc-text-ui-h3{font-family:var(--mc-font-family-sans);font-weight:600;font-size:22px;line-height:1.3;}
.mc-text-ui-body-lg{font-family:var(--mc-font-family-sans);font-weight:400;font-size:18px;line-height:1.6;}
.mc-text-ui-body{font-family:var(--mc-font-family-sans);font-weight:400;font-size:16px;line-height:1.55;}
.mc-text-ui-label{font-family:var(--mc-font-family-sans);font-weight:500;font-size:13px;line-height:1.35;}
.mc-text-ui-button{font-family:var(--mc-font-family-sans);font-weight:600;font-size:15px;line-height:1;}
.mc-text-code{font-family:var(--mc-font-family-mono);font-weight:400;font-size:13px;line-height:1.6;}
@media (prefers-reduced-motion: reduce){ :root{ --mc-duration-fast:0ms; /* @kind other */ --mc-duration-base:0ms; /* @kind other */ --mc-duration-slow:0ms; /* @kind other */ --mc-duration-story:0ms; /* @kind other */ } }