/* BestMastering design tokens — the design agent owns this file.
   All components use these variables; never hard-code colours elsewhere.
   Existing names are stable; new ones are additive. See docs/DESIGN.md. */
:root{
  color-scheme: dark;
  /* surfaces (cool near-black, 5 steps) */
  --bg-0:#07090d;        /* app background */
  --bg-1:#0c1017;        /* panels */
  --bg-2:#121823;        /* raised surfaces / plugin body */
  --bg-3:#1a2231;        /* controls */
  --bg-4:#232e42;        /* hover */
  --bg-5:#2c3950;        /* pressed / strong hover */
  --line:#222b3b;
  --line-2:#303c52;
  --line-3:#44536f;
  /* text */
  --text:#e8edf6;
  --text-2:#9aa7bd;
  --text-3:#667389;
  --text-inv:#1a0d00;    /* text on accent fills */
  /* brand */
  --accent:#ff7a1a;      /* brand orange */
  --accent-2:#ffa24d;
  --accent-soft:rgba(255,122,26,.14);
  --accent-glow:rgba(255,122,26,.45);
  --magic:#9b6bff;       /* auto-master / wand violet */
  --magic-2:#c4a8ff;
  --magic-soft:rgba(155,107,255,.16);
  --magic-glow:rgba(155,107,255,.5);
  --magic-grad:linear-gradient(135deg,#7c5cff 0%,#b46bff 55%,#ff7ac8 100%);
  --brand-grad:linear-gradient(135deg,#ff7a1a 0%,#ffb347 100%);
  /* status */
  --good:#3ddc84;
  --warn:#ffc23d;
  --bad:#ff5468;
  --info:#4aa8ff;
  --meter-lo:#27c46b; --meter-mid:#e7c03a; --meter-hi:#ff5468;
  /* shape */
  --radius-xs:4px; --radius-s:6px; --radius-m:10px; --radius-l:16px; --radius-xl:24px; --radius-pill:999px;
  /* elevation */
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset, 0 6px 18px rgba(0,0,0,.35);
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset, 0 12px 36px rgba(0,0,0,.5);
  --shadow-3:0 24px 64px rgba(0,0,0,.6), 0 0 0 1px var(--line-2);
  --ring:0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);   /* focus ring */
  /* spacing scale (4 px grid) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
  /* type */
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;
  --fs-xs:10.5px; --fs-s:12px; --fs-m:13px; --fs-l:15px; --fs-xl:19px; --fs-2xl:26px; --fs-3xl:40px;
  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:.12s; --t-med:.22s;
  /* z layers */
  --z-sticky:20; --z-menu:60; --z-modal:80; --z-toast:100; --z-tip:120;
}
/* --- shared control metrics (sym-kit): one height for every button/toggle/select/segmented/input/readout */
:root{
  --ctl-h:32px;            /* standard control height */
  --ctl-h-sm:26px;         /* compact controls (frame header, .bm-sm) */
  --ctl-h-lg:44px;
  --ctl-pad-x:12px;        /* horizontal padding of text controls */
  --cap-h:15px;            /* caption line box above a captioned control */
  --cap-gap:4px;           /* caption <-> control gap */
  --focus:0 0 0 2px var(--accent);          /* focus ring inside overflow-hidden containers */
}