/* ERZEUGT — nicht von Hand ändern.
   Quelle: design-system/tokens.css   Generator: scripts/build-tokens-css.php
   Die Begründung jedes Tokens steht in der Quelle.
   Der Dark-Layer liegt hier nur als :root[data-theme="dark"] vor und ist
   inaktiv, bis jemand das Attribut setzt — siehe Generator-Kommentar. */
:root {

  --mi-white: #ffffff;

  --mi-black: #000000;

  --mi-paper-50: #f6f1e4;

  --mi-paper-100: #ece6d6;

  --mi-paper-200: #ddd6c0;

  --mi-paper-300: #c9c2ac;
}

:root {

  --mi-ink-950: #050509;

  --mi-ink-900: #0a0a12;

  --mi-ink-800: #1d1e26;

  --mi-ink-700: #23242c;

  --mi-ink-500: #54565e;

  --mi-ink-400: #84868e;

  --mi-ink-300: #b6b7bd;

  --mi-ink-200: #d6d7dc;

  --mi-ink-100: #e4e4e8;
}

:root {

  --mi-night-950: #07060f;

  --mi-night-800: #14102a;

  --mi-night-700: #1d0f3a;

  --mi-night-600: #2a1550;

  --mi-night-500: #3a3650;

  --mi-night-400: #6c6878;

  --mi-night-300: #7c7a8a;

  --mi-night-200: #9a98a8;

  --mi-night-100: #c8c6d4;
}

:root {

  --mi-purple-900: #3f18aa;

  --mi-purple-600: #5e2ee3;

  --mi-purple-500: #7a4dff;

  --mi-purple-400: #a37dff;

  --mi-purple-300: #c8b8ff;

  --mi-purple-100: #e3d8fb;

  --mi-purple-50: #f1ebfd;
}

:root {

  --mi-green-800: #0b6b3a;

  --mi-green-600: #0f8a4d;

  --mi-green-300: #7be0a4;

  --mi-green-200: #cfe9d8;

  --mi-green-50: #eaf3ec;

  --mi-lime-600: #5f9a1e;

  --mi-lime-300: #b8e07a;

  --mi-lime-50: #eef5e4;

  --mi-amber-800: #8a6a14;

  --mi-amber-600: #d18a0a;

  --mi-amber-300: #f0d178;

  --mi-amber-200: #faecc6;

  --mi-amber-50: #fff2d6;

  --mi-orange-700: #b4430f;

  --mi-orange-600: #ff5a1f;

  --mi-orange-400: #ff8c5e;

  --mi-orange-100: #ffe1d3;

  --mi-orange-50: #fff3ec;

  --mi-red-800: #8c2020;

  --mi-red-600: #d12f1e;

  --mi-red-400: #ff6b5a;

  --mi-red-200: #fad1ca;

  --mi-red-50: #fce4e4;

  --mi-blue-800: #16447f;

  --mi-blue-700: #1f5fb8;

  --mi-blue-400: #6aa6ff;

  --mi-blue-100: #d7e3f5;

  --mi-blue-50: #eef3fb;

  --mi-pink-600: #c2247e;

  --mi-pink-300: #e878b4;

  --mi-magenta-800: #7c1d6f;
}

:root {

  --mi-a-04: 0.04;

  --mi-a-06: 0.06;

  --mi-a-08: 0.08;

  --mi-a-12: 0.12;

  --mi-a-16: 0.16;

  --mi-a-20: 0.2;

  --mi-a-25: 0.25;

  --mi-a-28: 0.28;

  --mi-a-40: 0.4;

  --mi-a-55: 0.55;

  --mi-a-85: 0.85;

  --mi-a-96: 0.96;
}

:root {

  --mi-font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --mi-font-mono: 'Geist Mono', ui-monospace, 'JetBrains Mono', 'Fira Code', Menlo, monospace;

  --mi-text-10: 10px;

  --mi-text-11: 11px;

  --mi-text-12: 12px;

  --mi-text-13: 13px;

  --mi-text-14: 14px;

  --mi-text-15: 15px;

  --mi-text-16: 16px;

  --mi-text-18: 18px;

  --mi-text-22: 22px;

  --mi-text-26: 26px;

  --mi-text-32: 32px;

  --mi-text-40: 40px;

  --mi-text-56: 56px;

  --mi-text-112: 112px;

  --mi-text-fluid-lg: clamp(28px, 3.5vw, 42px);

  --mi-text-fluid-xl: clamp(42px, 5vw, 68px);

  --mi-text-fluid-display: clamp(72px, 12vw, 148px);

  --mi-weight-normal: 400;

  --mi-weight-medium: 500;

  --mi-weight-semibold: 600;

  --mi-weight-bold: 700;

  --mi-lh-display: 0.9;

  --mi-lh-none: 1;

  --mi-lh-tight: 1.2;

  --mi-lh-snug: 1.35;

  --mi-lh-normal: 1.45;

  --mi-lh-prose: 1.7;

  --mi-tracking-display: -0.04em;

  --mi-tracking-tighter: -0.02em;

  --mi-tracking-tight: -0.01em;

  --mi-tracking-normal: 0;

  --mi-tracking-caps: 0.08em;

  --mi-tracking-caps-wide: 0.14em;
}

:root {

  --mi-space-0: 0;

  --mi-space-2: 2px;

  --mi-space-4: 4px;

  --mi-space-6: 6px;

  --mi-space-8: 8px;

  --mi-space-10: 10px;

  --mi-space-12: 12px;

  --mi-space-14: 14px;

  --mi-space-16: 16px;

  --mi-space-20: 20px;

  --mi-space-24: 24px;

  --mi-space-28: 28px;

  --mi-space-32: 32px;

  --mi-space-40: 40px;

  --mi-space-48: 48px;

  --mi-space-56: 56px;

  --mi-space-60: 60px;

  --mi-space-76: 76px;

  --mi-space-64: 64px;

  --mi-space-80: 80px;
}

:root {

  --mi-dur-fast: 100ms;

  --mi-dur-base: 150ms;

  --mi-dur-med: 200ms;

  --mi-dur-slow: 300ms;

  --mi-dur-page: 600ms;

  --mi-dur-pulse: 1600ms;

  --mi-ease: ease;

  --mi-ease-out: cubic-bezier(0.2, 0.8, 0.3, 1);

  --mi-lift: -2px;
}

:root {

  --r-xs: 2px;

  --r-sm: 4px;

  --r: 6px;

  --r-md: 8px;

  --r-lg: 10px;

  --r-xl: 12px;

  --r-2xl: 20px;

  --r-pill: 999px;

  --r-circle: 50%;

  --bw: 1px;

  --bw-emphasis: 1.5px;

  --bw-strong: 2px;

  --bw-accent: 3px;

  --z-base: 1;

  --z-sticky: 100;

  --z-menu: 150;

  --z-dropdown: 200;

  --z-nav: 500;

  --z-overlay: 1000;

  --z-dialog: 9999;

  --bp-sm: 480px;

  --bp-md: 640px;

  --bp-lg: 768px;

  --bp-xl: 900px;

  --w-shell: 1180px;

  --w-wide: 920px;

  --w-aside: 340px;

  --w-prose: 620px;

  --w-form: 420px;

  --w-widget: 380px;

  --w-embed: 360px;

  --w-menu: 240px;

  --col-min: 250px;

  --col-min-md: 200px;

  --col-min-sm: 180px;

  --nav-h: 64px;

  --sticky-top: 88px;

  --dot: 8px;

  --dot-sm: 6px;

  --pulse-spread: 8px;

  --icon: 28px;

  --icon-lg: 48px;

  --icon-xl: 60px;

  --blur-glass: 8px;

  --wave-w: 760;

  --wave-h: 180;
}

:root {

  --rgb-brand: 94 46 227;

  --rgb-ok: 15 138 77;

  --rgb-warn: 209 138 10;

  --rgb-bad: 209 47 30;

  --rgb-info: 31 95 184;

  --rgb-hot: 255 90 31;

  --rgb-paper: 236 230 214;

  --rgb-surface: 255 255 255;

  --rgb-ink: 10 10 18;

  --rgb-white: 255 255 255;

  --rgb-shadow: 14 15 19;

  --rgb-shadow-brand: 20 10 60;

  --rgb-data-1: 31 95 184;

  --rgb-data-2: 94 46 227;

  --rgb-data-3: 15 138 77;

  --rgb-data-4: 209 138 10;

  --rgb-data-5: 132 134 142;

  --rgb-data-6: 194 36 126;

  --rgb-data-7: 209 47 30;
  --rgb-data-8: 95 154 30;
}

:root {

  --paper: var(--mi-paper-100);

  --paper-2: var(--mi-paper-200);

  --surface: var(--mi-white);

  --surface-sunk: var(--mi-paper-50);

  --surface-raised: var(--mi-white);

  --surface-glass: rgb(var(--rgb-paper) / var(--mi-a-85));

  --surface-glass-strong: rgb(var(--rgb-surface) / var(--mi-a-96));

  --ink: var(--mi-ink-900);

  --ink-2: var(--mi-ink-800);

  --ink-deep: var(--mi-ink-950);

  --ink-surface: var(--mi-ink-900);

  --ink-surface-hover: var(--mi-black);

  --on-ink-surface: var(--mi-white);

  --muted: var(--mi-ink-500);

  --muted-2: var(--mi-ink-400);

  --disabled: var(--mi-ink-300);

  --line: var(--mi-paper-300);

  --line-soft: var(--mi-paper-200);

  --code-bg: var(--mi-ink-950);

  --code-ink: var(--mi-paper-100);
}

:root {

  --brand: var(--mi-purple-600);

  --brand-ink: var(--mi-purple-900);

  --brand-glow: var(--mi-purple-500);

  --brand-tint: var(--mi-purple-100);

  --brand-soft: var(--mi-purple-50);

  --on-brand: var(--mi-white);

  --brand-line: rgb(var(--rgb-brand) / var(--mi-a-25));

  --brand-fill: rgb(var(--rgb-brand) / var(--mi-a-12));

  --brand-glow-alpha: rgb(var(--rgb-brand) / var(--mi-a-40));
}

:root {

  --ok: var(--mi-green-600);

  --ok-ink: var(--mi-green-800);

  --ok-tint: var(--mi-green-200);

  --ok-surface: var(--mi-green-50);

  --ok-solid: var(--mi-green-800);

  --on-ok: var(--mi-white);

  --warn: var(--mi-amber-600);

  --warn-ink: var(--mi-amber-800);

  --warn-tint: var(--mi-amber-200);

  --warn-surface: var(--mi-amber-50);

  --warn-solid: var(--mi-amber-600);

  --on-warn: var(--mi-ink-900);

  --bad: var(--mi-red-600);

  --bad-ink: var(--mi-red-800);

  --bad-tint: var(--mi-red-200);

  --bad-surface: var(--mi-red-50);

  --bad-solid: var(--mi-red-600);

  --on-bad: var(--mi-white);

  --info: var(--mi-blue-700);

  --info-ink: var(--mi-blue-800);

  --info-tint: var(--mi-blue-100);

  --info-surface: var(--mi-blue-50);

  --info-solid: var(--mi-blue-700);

  --on-info: var(--mi-white);

  --hot: var(--mi-orange-600);

  --hot-ink: var(--mi-orange-700);

  --hot-tint: var(--mi-orange-100);

  --hot-surface: var(--mi-orange-50);

  --hot-solid: var(--mi-orange-600);

  --on-hot: var(--mi-ink-900);
}

:root {

  --on-dark-ink: var(--mi-white);

  --on-dark-1: var(--mi-night-100);

  --on-dark-2: var(--mi-night-200);

  --on-dark-3: var(--mi-night-300);

  --on-dark-disabled: var(--mi-night-400);

  --on-dark-empty: var(--mi-night-500);

  --on-dark-line: rgb(var(--rgb-white) / var(--mi-a-12));

  --on-dark-line-soft: rgb(var(--rgb-white) / var(--mi-a-06));

  --on-dark-fill: rgb(var(--rgb-white) / var(--mi-a-08));

  --on-dark-fill-strong: rgb(var(--rgb-white) / var(--mi-a-25));

  --on-dark-brand: var(--mi-purple-400);

  --on-dark-brand-2: var(--mi-purple-300);

  --on-dark-ok: var(--mi-green-300);

  --on-dark-warn: var(--mi-amber-300);

  --on-dark-hot: var(--mi-orange-400);
}

:root {

  --grad-hero: linear-gradient(160deg, var(--mi-ink-900) 0%, var(--mi-night-800) 55%, var(--mi-night-700) 100%);

  --grad-brand: linear-gradient(135deg, var(--brand), var(--brand-ink));

  --grad-meter: linear-gradient(90deg, var(--mi-purple-500) 0%, var(--mi-orange-600) 100%);

  --grad-display-text: linear-gradient(180deg, var(--mi-white) 0%, var(--mi-purple-300) 100%);

  --grad-display-brand: linear-gradient(180deg, var(--mi-purple-500) 0%, var(--mi-orange-600) 100%);

  --grad-hero-title: linear-gradient(100deg, var(--mi-purple-500) 0%, var(--mi-orange-600) 100%);

  --grad-glow-brand: radial-gradient(circle, rgb(var(--rgb-brand) / var(--mi-a-55)) 0%, rgb(var(--rgb-brand) / 0) 65%);

  --grad-glow-hot: radial-gradient(circle, rgb(var(--rgb-hot) / var(--mi-a-28)) 0%, rgb(var(--rgb-hot) / 0) 65%);

  --grad-ok-surface: linear-gradient(135deg, var(--ok-surface), var(--ok-tint));
}

:root {

  --data-1: var(--mi-blue-700);

  --data-2: var(--mi-purple-600);

  --data-3: var(--mi-green-600);

  --data-4: var(--mi-amber-600);

  --data-5: var(--mi-ink-400);

  --data-6: var(--mi-pink-600);

  --data-7: var(--mi-red-600);

  --data-8: var(--mi-lime-600);

  --data-fill-alpha: var(--mi-a-12);

  --data-line-alpha: var(--mi-a-25);

  --rate-5: var(--mi-green-600);

  --rate-5-surface: var(--mi-green-50);

  --rate-4: var(--mi-lime-600);

  --rate-4-surface: var(--mi-lime-50);

  --rate-3: var(--mi-amber-600);

  --rate-3-surface: var(--mi-amber-50);

  --rate-2: var(--mi-orange-600);

  --rate-2-surface: var(--mi-orange-50);

  --rate-1: var(--mi-red-600);

  --rate-1-surface: var(--mi-red-50);

  --uniq-extreme: var(--mi-magenta-800);
}

:root {

  --sans: var(--mi-font-sans);

  --mono: var(--mi-font-mono);

  --text-micro: var(--mi-text-11);

  --text-small: var(--mi-text-12);

  --text-body: var(--mi-text-13);

  --text-ui: var(--mi-text-14);

  --text-input: var(--mi-text-14);

  --text-prose: var(--mi-text-15);

  --text-lead: var(--mi-text-16);

  --text-h3: var(--mi-text-18);

  --text-h2: var(--mi-text-22);

  --text-h1: var(--mi-text-26);

  --text-stat: var(--mi-text-26);

  --text-hero-sub: var(--mi-text-fluid-lg);

  --text-hero: var(--mi-text-fluid-xl);

  --text-display: var(--mi-text-fluid-display);

  --tracking-label: var(--mi-tracking-caps);

  --tracking-display: -0.04em;
  --tracking-heading: var(--mi-tracking-tighter);

  --lh-body: var(--mi-lh-normal);

  --lh-prose: var(--mi-lh-prose);

  --lh-heading: var(--mi-lh-tight);

  --lh-display: 0.98;
}

:root {

  --pad-card: var(--mi-space-20);

  --pad-card-sm: var(--mi-space-16);

  --pad-card-lg: var(--mi-space-32);

  --pad-card-doc: var(--mi-space-24) var(--mi-space-28);

  --pad-card-head: var(--mi-space-16) var(--mi-space-20);

  --pad-field: var(--mi-space-10) var(--mi-space-12);

  --pad-btn: var(--mi-space-10) var(--mi-space-16);

  --pad-btn-sm: var(--mi-space-6) var(--mi-space-12);

  --pad-badge: var(--mi-space-2) var(--mi-space-8);

  --pad-alert: var(--mi-space-10) var(--mi-space-14);

  --pad-page: var(--mi-space-24) 0 var(--mi-space-64);

  --hero-glow-brand-size: 720px;
  --hero-glow-brand-top: -240px;
  --hero-glow-brand-left: -10%;

  --hero-glow-hot-size: 540px;
  --hero-glow-hot-bottom: -180px;
  --hero-glow-hot-right: -6%;

  --hero-texture-cell: 48px;
  --hero-texture-opacity: 0.15;
  --hero-texture-stroke: 0.4;
  --hero-cols: 1.15fr 1fr;
  --gap-hero: var(--mi-space-56);
  --pad-page-hero: var(--mi-space-60) 0 var(--mi-space-76);

  --pad-nav: var(--mi-space-16) var(--mi-space-32);

  --pad-shell-x: var(--mi-space-16);

  --gap-stack: var(--mi-space-16);

  --gap-stack-sm: var(--mi-space-8);

  --gap-inline: var(--mi-space-8);

  --gap-field: var(--mi-space-12);

  --gap-grid: var(--mi-space-16);

  --gap-section: var(--mi-space-32);

  --shadow-card: 0 1px 0 rgb(var(--rgb-shadow) / var(--mi-a-04)), 0 4px 10px -6px rgb(var(--rgb-shadow) / var(--mi-a-12));

  --shadow-raised: 0 1px 0 rgb(var(--rgb-shadow) / var(--mi-a-06)), 0 2px 4px rgb(var(--rgb-shadow) / var(--mi-a-06));

  --shadow-card-hover: 0 2px 16px -6px rgb(var(--rgb-brand) / var(--mi-a-12)), 0 1px 3px rgb(var(--rgb-shadow) / var(--mi-a-06));

  --shadow-pop: 0 18px 40px -14px rgb(var(--rgb-shadow-brand) / var(--mi-a-25)), 0 4px 10px rgb(var(--rgb-shadow) / var(--mi-a-06));

  --shadow-brand: 0 18px 40px -14px rgb(var(--rgb-brand) / var(--mi-a-40)), 0 2px 6px rgb(var(--rgb-brand) / var(--mi-a-16));

  --shadow-bar: 0 -4px 24px -8px rgb(var(--rgb-shadow) / var(--mi-a-16));

  --focus-outline: var(--bw-strong) solid var(--brand);

  --focus-offset: 2px;

  --focus-glow: 0 0 0 3px rgb(var(--rgb-brand) / var(--mi-a-20));

  --focus-glow-wide: 0 0 0 6px rgb(var(--rgb-brand) / var(--mi-a-08));

  --ring-pulse-from: 0 0 0 0 rgb(var(--rgb-ok) / var(--mi-a-55));

  --ring-pulse-to: 0 0 0 var(--pulse-spread) rgb(var(--rgb-ok) / 0);
}

:root {

  --transition: var(--mi-dur-base) var(--mi-ease);

  --transition-fast: var(--mi-dur-fast) var(--mi-ease);

  --transition-med: var(--mi-dur-med) var(--mi-ease-out);

  --transition-slow: var(--mi-dur-slow) var(--mi-ease-out);

  --pulse-cycle: var(--mi-dur-pulse);

  --lift: var(--mi-lift);
}

:root {

  --widget-bg: var(--mi-white);

  --widget-ink: var(--mi-ink-900);

  --widget-muted: var(--mi-ink-500);

  --widget-line: var(--mi-paper-300);

  --widget-accent: var(--mi-purple-600);

  --widget-font: var(--mi-font-sans);

  --widget-radius: var(--r-md);

  --widget-pad: var(--mi-space-14) var(--mi-space-16);

  --widget-label: var(--mi-text-12);

  --widget-label-tracking: var(--mi-tracking-caps);

  --widget-value: var(--mi-text-14);

  --widget-ip: var(--mi-text-18);
}

@media (max-width: 640px) {
  :root {
    --text-input: var(--mi-text-16);
  }
}

:root[data-theme="dark"] {

  --rgb-brand: 163 125 255;
  --rgb-ok: 123 224 164;
  --rgb-warn: 245 166 35;
  --rgb-bad: 255 107 90;
  --rgb-info: 106 166 255;
  --rgb-hot: 255 140 94;
  --rgb-paper: 7 6 15;
  --rgb-surface: 29 30 38;
  --rgb-ink: 236 230 214;
  --rgb-shadow: 0 0 0;
  --rgb-shadow-brand: 0 0 0;
  --rgb-data-1: 106 166 255;
  --rgb-data-2: 163 125 255;
  --rgb-data-3: 123 224 164;
  --rgb-data-4: 245 166 35;
  --rgb-data-5: 154 152 168;
  --rgb-data-6: 232 120 180;
  --rgb-data-7: 255 107 90;
  --rgb-data-8: 184 224 122;

  --paper: var(--mi-night-950);
  --paper-2: var(--mi-ink-900);
  --surface: var(--mi-ink-800);
  --surface-sunk: var(--mi-ink-900);
  --surface-raised: var(--mi-ink-700);
  --ink: var(--mi-paper-100);
  --ink-2: var(--mi-paper-200);
  --ink-deep: var(--mi-white);
  --ink-surface: var(--mi-paper-100);
  --ink-surface-hover: var(--mi-white);
  --on-ink-surface: var(--mi-ink-900);
  --muted: var(--mi-night-100);
  --muted-2: var(--mi-night-200);
  --disabled: var(--mi-night-300);
  --line: rgb(var(--rgb-white) / var(--mi-a-16));
  --line-soft: rgb(var(--rgb-white) / var(--mi-a-08));

  --brand: var(--mi-purple-400);
  --brand-ink: var(--mi-purple-500);
  --brand-glow: var(--mi-purple-300);
  --brand-tint: rgb(var(--rgb-brand) / var(--mi-a-28));
  --brand-soft: rgb(var(--rgb-brand) / var(--mi-a-16));

  --ok: var(--mi-green-300);
  --ok-ink: var(--mi-green-200);
  --ok-tint: rgb(var(--rgb-ok) / var(--mi-a-28));
  --ok-surface: rgb(var(--rgb-ok) / var(--mi-a-12));
  --ok-solid: var(--mi-green-600);
  --warn: var(--mi-amber-300);
  --warn-ink: var(--mi-amber-200);
  --warn-tint: rgb(var(--rgb-warn) / var(--mi-a-28));
  --warn-surface: rgb(var(--rgb-warn) / var(--mi-a-12));
  --bad: var(--mi-red-400);
  --bad-ink: var(--mi-red-200);
  --bad-tint: rgb(var(--rgb-bad) / var(--mi-a-28));
  --bad-surface: rgb(var(--rgb-bad) / var(--mi-a-12));
  --info: var(--mi-blue-400);
  --info-ink: var(--mi-blue-100);
  --info-tint: rgb(var(--rgb-info) / var(--mi-a-28));
  --info-surface: rgb(var(--rgb-info) / var(--mi-a-12));
  --hot: var(--mi-orange-400);
  --hot-ink: var(--mi-orange-100);
  --hot-tint: rgb(var(--rgb-hot) / var(--mi-a-28));
  --hot-surface: rgb(var(--rgb-hot) / var(--mi-a-12));

  --grad-hero: linear-gradient(160deg, var(--mi-night-800) 0%, var(--mi-night-700) 55%, var(--mi-night-600) 100%);

  --data-1: var(--mi-blue-400);
  --data-2: var(--mi-purple-400);
  --data-3: var(--mi-green-300);
  --data-4: var(--mi-amber-300);
  --data-5: var(--mi-night-200);
  --data-6: var(--mi-pink-300);
  --data-7: var(--mi-red-400);
  --data-8: var(--mi-lime-300);
  --rate-5: var(--mi-green-300);
  --rate-5-surface: rgb(var(--rgb-ok) / var(--mi-a-12));
  --rate-4: var(--mi-lime-300);
  --rate-4-surface: rgb(95 154 30 / var(--mi-a-12));
  --rate-3: var(--mi-amber-300);
  --rate-3-surface: rgb(var(--rgb-warn) / var(--mi-a-12));
  --rate-2: var(--mi-orange-400);
  --rate-2-surface: rgb(var(--rgb-hot) / var(--mi-a-12));
  --rate-1: var(--mi-red-400);
  --rate-1-surface: rgb(var(--rgb-bad) / var(--mi-a-12));
  --uniq-extreme: var(--mi-pink-300);

  --shadow-card: 0 1px 0 rgb(var(--rgb-shadow) / var(--mi-a-40)), 0 4px 10px -6px rgb(var(--rgb-shadow) / var(--mi-a-55));
  --shadow-raised: 0 1px 0 rgb(var(--rgb-shadow) / var(--mi-a-40)), 0 2px 4px rgb(var(--rgb-shadow) / var(--mi-a-40));
  --shadow-pop: 0 18px 40px -14px rgb(var(--rgb-shadow) / var(--mi-a-55)), 0 4px 10px rgb(var(--rgb-shadow) / var(--mi-a-40));

  --widget-bg: var(--mi-ink-800);
  --widget-ink: var(--mi-paper-100);
  --widget-muted: var(--mi-night-200);
  --widget-line: var(--mi-ink-700);
  --widget-accent: var(--mi-purple-400);
}