/* Mynaani Studio design tokens — single source of truth for colors and fonts */
:root{
  --bg:#08080b;
  --surf:#111017;
  --surf2:#171522;
  --bord:#302b3d;
  --txt:#f4f1fb;
  --mut:#aaa2b9;
  --acc:#b79cff;
  --acc2:#d2c2ff;
  --warm:#ffb86b;
  --ok:#8fd0a0;
  --bad:#ff8f8f;
  --warn:#ffb86b;
  --side:#0d0c12;
  --font-body:'Nunito',system-ui,sans-serif;
  --font-head:Georgia,serif;
  --font-mono:monospace;
  --pill-run-bg:#3a2f1a;
  --pill-ok-bg:#1e2e1f;
  --pill-bad-bg:#3a1d22;
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-md:14px;
  --fs-lg:15px;
  --fs-xl:16px;
  --fs-2xl:18px;
  --fs-3xl:20px;
  --fs-4xl:24px;
  --fs-5xl:30px;
  /* Spacing */
  --space-0:0;
  --space-1:2px;
  --space-2:4px;
  --space-3:8px;
  --space-4:12px;
  --space-5:16px;
  --space-6:20px;
  --space-7:24px;
  --space-8:32px;
  --space-9:40px;
  --space-10:48px;
  /* Radius */
  --radius-0:0;
  --radius-1:4px;
  --radius-2:8px;
  --radius-3:9px;
  --radius-4:12px;
  --radius-5:16px;
  --radius-pill:999px;
  /* Elevation */
  --shadow-1:0 2px 8px rgba(0,0,0,.12);
  --shadow-2:0 4px 16px rgba(0,0,0,.18);
  --shadow-3:0 8px 32px rgba(0,0,0,.24);
  /* Z-index */
  --z-base:0;
  --z-dropdown:10;
  --z-sticky:100;
  --z-drawer:200;
  --z-toast:300;
  --z-modal:400;
  /* Motion */
  --mn-transition-fast:100ms ease;
  --mn-transition-fast-duration:100ms;
  --mn-transition-base:200ms ease;
  --mn-transition-base-duration:200ms;
  --mn-transition-slow:300ms ease;
  --mn-transition-slow-duration:300ms;
  --mn-ease:ease;
  --transition-fast:var(--mn-transition-fast);
  --transition-base:var(--mn-transition-base);
  --transition-slow:var(--mn-transition-slow);
  --transition-enter:opacity var(--transition-base),transform var(--transition-base);
}

/* Disable all motion for users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --mn-transition-fast-duration:0.01ms;
    --mn-transition-base-duration:0.01ms;
    --mn-transition-slow-duration:0.01ms;
  }
  *,*::before,*::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* Test hook: MARTY can set html[data-test-no-animations] to disable motion. */
html[data-test-no-animations], html[data-test-no-animations] * {
  --mn-transition-fast-duration:0.01ms;
  --mn-transition-base-duration:0.01ms;
  --mn-transition-slow-duration:0.01ms;
  animation-duration:0.01ms !important;
  animation-iteration-count:1 !important;
  transition-duration:0.01ms !important;
}