/* ===== PYQ Pro design tokens =====
   Spacing follows an 8px grid (4px half-step for tight inline gaps).
   Colours live in main.css (dark default + [data-theme="light"]). */
:root{
  --sp-05:4px; --sp-1:8px; --sp-15:12px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px;
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.125rem; --fs-xl:1.375rem; --fs-2xl:1.75rem; --fs-3xl:2.25rem;
  --elev-1:0 1px 2px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.18);
  --elev-2:0 2px 4px rgba(0,0,0,.25),0 12px 28px rgba(0,0,0,.32);
  --elev-3:0 8px 16px rgba(0,0,0,.3),0 24px 56px rgba(0,0,0,.45);
  --dur-1:120ms; --dur-2:240ms; --dur-3:420ms; --dur-4:640ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in-out:cubic-bezier(.65,0,.35,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --z-nav:40; --z-modal:80; --z-toast:90; --z-splash:100;
  --brand:'PYQ Pro'; --version:'2.0.0';
}