/* GENERATED by design-system/marktun/generate_tokens.py. Do not edit directly. */
:root {
  color-scheme: dark;

  /* Primitive values */
  --mt-color-primitive-ink-950: #030814;
  --mt-color-primitive-ink-900: #091321;
  --mt-color-primitive-ink-850: #101B2D;
  --mt-color-primitive-ink-800: #162238;
  --mt-color-primitive-ink-700: #26354F;
  --mt-color-primitive-slate-600: #8B95AA;
  --mt-color-primitive-slate-400: #AAB3C5;
  --mt-color-primitive-slate-100: #D8DEEB;
  --mt-color-primitive-slate-050: #F7F9FC;
  --mt-color-primitive-cloud-050: #F4F7FC;
  --mt-color-primitive-cloud-100: #EDF2F9;
  --mt-color-primitive-cloud-200: #D8E0EC;
  --mt-color-primitive-white-solid: #FFFFFF;
  --mt-color-primitive-white-a06: rgba(255, 255, 255, 0.06);
  --mt-color-primitive-white-a10: rgba(255, 255, 255, 0.10);
  --mt-color-primitive-white-a17: rgba(255, 255, 255, 0.17);
  --mt-color-primitive-black-a20: rgba(0, 0, 0, 0.20);
  --mt-color-primitive-black-a34: rgba(0, 0, 0, 0.34);
  --mt-color-primitive-black-a50: rgba(0, 0, 0, 0.50);
  --mt-color-primitive-blue-300: #91A1FF;
  --mt-color-primitive-blue-500: #6074FF;
  --mt-color-primitive-blue-600: #4F63E8;
  --mt-color-primitive-blue-700: #3F51CB;
  --mt-color-primitive-purple-500: #7367FF;
  --mt-color-primitive-cyan-500: #22D3EE;
  --mt-color-primitive-aqua-300: #7BEBDA;
  --mt-color-primitive-aqua-400: #3DE0C8;
  --mt-color-primitive-aqua-700: #0B7466;
  --mt-color-primitive-green-300: #70E89A;
  --mt-color-primitive-green-500: #37D67A;
  --mt-color-primitive-green-700: #167A40;
  --mt-color-primitive-amber-500: #F4B740;
  --mt-color-primitive-amber-700: #805A00;
  --mt-color-primitive-red-500: #FF5A67;
  --mt-color-primitive-red-700: #B4232F;
  --mt-color-primitive-lavender-400: #A8A1FF;
  --mt-space-1: 4px;
  --mt-space-2: 8px;
  --mt-space-3: 12px;
  --mt-space-4: 16px;
  --mt-space-5: 20px;
  --mt-space-6: 24px;
  --mt-space-8: 32px;
  --mt-space-10: 40px;
  --mt-space-12: 48px;
  --mt-space-16: 64px;
  --mt-space-20: 80px;
  --mt-space-24: 96px;
  --mt-radius-sm: 8px;
  --mt-radius-compact: 12px;
  --mt-radius-control: 14px;
  --mt-radius-medium: 16px;
  --mt-radius-card: 18px;
  --mt-radius-large: 20px;
  --mt-radius-panel: 22px;
  --mt-radius-hero: 24px;
  --mt-radius-extra: 28px;
  --mt-radius-round: 999px;
  --mt-type-size-caption: 12px;
  --mt-type-size-secondary: 13px;
  --mt-type-size-body: 14px;
  --mt-type-size-setting: 16px;
  --mt-type-size-card-title: 18px;
  --mt-type-size-state: 26px;
  --mt-type-size-screen-title: 28px;
  --mt-type-size-display-large: 48px;
  --mt-type-size-headline-large: 32px;
  --mt-type-size-headline-medium: 28px;
  --mt-type-size-title-large: 22px;
  --mt-type-size-title-medium: 18px;
  --mt-type-size-body-large: 16px;
  --mt-type-size-body-medium: 14px;
  --mt-type-size-label-large: 14px;
  --mt-type-size-label-medium: 12px;
  --mt-type-size-data-large: 24px;
  --mt-duration-instant: 80ms;
  --mt-duration-fast: 120ms;
  --mt-duration-normal: 220ms;
  --mt-duration-slow: 320ms;
  --mt-duration-ambient: 2400ms;
  --mt-elevation-flat: 0px;
  --mt-elevation-raised: 2px;
  --mt-elevation-overlay: 8px;
  --mt-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --mt-easing-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --mt-easing-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --mt-easing-emphasized: cubic-bezier(0.34, 1.32, 0.64, 1);
  --mt-shadow-surface: 0 12px 36px rgba(0, 0, 0, 0.20);
  --mt-shadow-overlay: 0 24px 64px rgba(0, 0, 0, 0.34);

  /* Default dark semantic roles */
  --mt-color-background-canvas: var(--mt-color-primitive-ink-950);
  --mt-color-background-subtle: var(--mt-color-primitive-ink-900);
  --mt-color-background-surface: var(--mt-color-primitive-ink-850);
  --mt-color-background-surface-soft: rgba(9, 18, 31, 0.72);
  --mt-color-background-surface-raised: var(--mt-color-primitive-ink-800);
  --mt-color-background-overlay: var(--mt-color-primitive-black-a50);
  --mt-color-text-primary: var(--mt-color-primitive-slate-050);
  --mt-color-text-secondary-strong: var(--mt-color-primitive-slate-100);
  --mt-color-text-secondary: var(--mt-color-primitive-slate-400);
  --mt-color-text-tertiary: var(--mt-color-primitive-slate-600);
  --mt-color-text-muted: var(--mt-color-primitive-slate-600);
  --mt-color-text-disabled: rgba(170, 179, 197, 0.58);
  --mt-color-text-accent: var(--mt-color-primitive-blue-300);
  --mt-color-text-accent-secondary: var(--mt-color-primitive-aqua-400);
  --mt-color-action-primary: var(--mt-color-primitive-blue-600);
  --mt-color-action-primary-hover: var(--mt-color-primitive-blue-500);
  --mt-color-action-primary-pressed: var(--mt-color-primitive-blue-700);
  --mt-color-action-primary-disabled: rgba(79, 99, 232, 0.42);
  --mt-color-action-primary-strong: var(--mt-color-primitive-purple-500);
  --mt-color-action-primary-soft: rgba(96, 116, 255, 0.14);
  --mt-color-action-secondary: var(--mt-color-primitive-ink-800);
  --mt-color-focus-default: var(--mt-color-primitive-blue-300);
  --mt-color-focus-soft: rgba(145, 161, 255, 0.38);
  --mt-color-border-subtle: var(--mt-color-primitive-white-a10);
  --mt-color-border-strong: var(--mt-color-primitive-white-a17);
  --mt-color-status-success: var(--mt-color-primitive-green-500);
  --mt-color-status-warning: var(--mt-color-primitive-amber-500);
  --mt-color-status-error: var(--mt-color-primitive-red-500);
  --mt-color-status-info: var(--mt-color-primitive-cyan-500);
  --mt-color-scrim: var(--mt-color-primitive-black-a50);
  --mt-color-chart-series-1: var(--mt-color-primitive-blue-300);
  --mt-color-chart-series-2: var(--mt-color-primitive-cyan-500);
  --mt-color-chart-series-3: var(--mt-color-primitive-purple-500);

  /* Component roles */
  --mt-component-button-height: 48px;
  --mt-component-button-radius: var(--mt-radius-control);
  --mt-component-field-height: 48px;
  --mt-component-field-radius: var(--mt-radius-control);
  --mt-component-card-background: var(--mt-color-background-surface);
  --mt-component-card-border: var(--mt-color-border-subtle);
  --mt-component-card-radius: var(--mt-radius-card);
  --mt-component-card-padding: var(--mt-space-4);
  --mt-component-navigation-width: 248px;
  --mt-component-navigation-item-height: 48px;
  --mt-component-navigation-item-radius: var(--mt-radius-control);
  --mt-component-dialog-radius: var(--mt-radius-panel);
  --mt-component-touch-minimum: 44px;
  --mt-component-portal-active-border: rgba(94, 120, 255, 0.20);
  --mt-component-portal-success-glow: rgba(47, 210, 111, 0.10);
  --mt-component-portal-success-soft: rgba(47, 210, 111, 0.08);
  --mt-component-portal-hero-border: rgba(94, 120, 255, 0.28);
  --mt-component-portal-orbit-border: rgba(94, 120, 255, 0.30);
  --mt-component-portal-orbit-inner-border: rgba(94, 120, 255, 0.22);
  --mt-component-portal-action-glow: rgba(94, 120, 255, 0.10);
  --mt-component-portal-action-background: var(--mt-color-primitive-blue-600);
  --mt-component-portal-on-action: var(--mt-color-primitive-white-solid);
  --mt-component-route-line-start: var(--mt-color-action-primary);
  --mt-component-route-line-end: var(--mt-color-text-accent-secondary);
  --mt-component-route-halo: rgba(61, 224, 200, 0.14);

  /* Stable compatibility names used by existing MARKTUN surfaces */
  --mt-color-bg-canvas: var(--mt-color-background-canvas);
  --mt-color-bg-surface: var(--mt-color-background-surface);
  --mt-color-bg-surface-soft: var(--mt-color-background-surface-soft);
  --mt-color-bg-surface-raised: var(--mt-color-background-surface-raised);
  --mt-color-bg-overlay: var(--mt-color-background-overlay);
  --mt-color-focus: var(--mt-color-focus-default);
  --mt-button-height: var(--mt-component-button-height);
  --mt-button-radius: var(--mt-component-button-radius);
  --mt-field-height: var(--mt-component-field-height);
  --mt-field-radius: var(--mt-component-field-radius);
  --mt-card-bg: var(--mt-component-card-background);
  --mt-card-border: var(--mt-component-card-border);
  --mt-card-radius: var(--mt-component-card-radius);
  --mt-card-padding: var(--mt-component-card-padding);
  --mt-nav-width: var(--mt-component-navigation-width);
  --mt-nav-item-height: var(--mt-component-navigation-item-height);
  --mt-nav-item-radius: var(--mt-component-navigation-item-radius);
  --mt-dialog-radius: var(--mt-component-dialog-radius);
  --mt-touch-min: var(--mt-component-touch-minimum);
}

:root[data-theme="light"],
.theme-light {
  color-scheme: light;
  --mt-color-background-canvas: var(--mt-color-primitive-cloud-050);
  --mt-color-background-subtle: var(--mt-color-primitive-cloud-100);
  --mt-color-background-surface: var(--mt-color-primitive-white-solid);
  --mt-color-background-surface-soft: rgba(255, 255, 255, 0.86);
  --mt-color-background-surface-raised: var(--mt-color-primitive-white-solid);
  --mt-color-background-overlay: var(--mt-color-primitive-black-a50);
  --mt-color-text-primary: #101828;
  --mt-color-text-secondary-strong: #344054;
  --mt-color-text-secondary: #475467;
  --mt-color-text-tertiary: #667085;
  --mt-color-text-muted: #556074;
  --mt-color-text-disabled: rgba(102, 112, 133, 0.58);
  --mt-color-text-accent: var(--mt-color-primitive-blue-700);
  --mt-color-text-accent-secondary: var(--mt-color-primitive-aqua-700);
  --mt-color-action-primary: var(--mt-color-primitive-blue-600);
  --mt-color-action-primary-hover: var(--mt-color-primitive-blue-700);
  --mt-color-action-primary-pressed: #3045B8;
  --mt-color-action-primary-disabled: rgba(79, 99, 232, 0.42);
  --mt-color-action-primary-strong: #3045C2;
  --mt-color-action-primary-soft: rgba(79, 99, 232, 0.10);
  --mt-color-action-secondary: var(--mt-color-primitive-cloud-100);
  --mt-color-focus-default: var(--mt-color-primitive-blue-600);
  --mt-color-focus-soft: rgba(68, 89, 217, 0.28);
  --mt-color-border-subtle: var(--mt-color-primitive-cloud-200);
  --mt-color-border-strong: #B8C3D4;
  --mt-color-status-success: var(--mt-color-primitive-green-700);
  --mt-color-status-warning: var(--mt-color-primitive-amber-700);
  --mt-color-status-error: var(--mt-color-primitive-red-700);
  --mt-color-status-info: #087A91;
  --mt-color-scrim: var(--mt-color-primitive-black-a50);
  --mt-color-chart-series-1: var(--mt-color-primitive-blue-600);
  --mt-color-chart-series-2: #087A91;
  --mt-color-chart-series-3: #6558E8;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --mt-color-background-canvas: var(--mt-color-primitive-cloud-050);
    --mt-color-background-subtle: var(--mt-color-primitive-cloud-100);
    --mt-color-background-surface: var(--mt-color-primitive-white-solid);
    --mt-color-background-surface-soft: rgba(255, 255, 255, 0.86);
    --mt-color-background-surface-raised: var(--mt-color-primitive-white-solid);
    --mt-color-background-overlay: var(--mt-color-primitive-black-a50);
    --mt-color-text-primary: #101828;
    --mt-color-text-secondary-strong: #344054;
    --mt-color-text-secondary: #475467;
    --mt-color-text-tertiary: #667085;
    --mt-color-text-muted: #556074;
    --mt-color-text-disabled: rgba(102, 112, 133, 0.58);
    --mt-color-text-accent: var(--mt-color-primitive-blue-700);
    --mt-color-text-accent-secondary: var(--mt-color-primitive-aqua-700);
    --mt-color-action-primary: var(--mt-color-primitive-blue-600);
    --mt-color-action-primary-hover: var(--mt-color-primitive-blue-700);
    --mt-color-action-primary-pressed: #3045B8;
    --mt-color-action-primary-disabled: rgba(79, 99, 232, 0.42);
    --mt-color-action-primary-strong: #3045C2;
    --mt-color-action-primary-soft: rgba(79, 99, 232, 0.10);
    --mt-color-action-secondary: var(--mt-color-primitive-cloud-100);
    --mt-color-focus-default: var(--mt-color-primitive-blue-600);
    --mt-color-focus-soft: rgba(68, 89, 217, 0.28);
    --mt-color-border-subtle: var(--mt-color-primitive-cloud-200);
    --mt-color-border-strong: #B8C3D4;
    --mt-color-status-success: var(--mt-color-primitive-green-700);
    --mt-color-status-warning: var(--mt-color-primitive-amber-700);
    --mt-color-status-error: var(--mt-color-primitive-red-700);
    --mt-color-status-info: #087A91;
    --mt-color-scrim: var(--mt-color-primitive-black-a50);
    --mt-color-chart-series-1: var(--mt-color-primitive-blue-600);
    --mt-color-chart-series-2: #087A91;
    --mt-color-chart-series-3: #6558E8;
  }
}