/* Funnel Builder web app — design tokens. Every screen uses these variables. */
:root{
  color-scheme: dark;
  /* surfaces */
  --bg:#070B14; --canvas:#0A1020; --surface:#0D1424; --surface-2:#141D30; --surface-3:#1C2740;
  --line:rgba(148,170,210,.08); --line-2:rgba(148,170,210,.14); --line-3:rgba(148,170,210,.22);
  /* text */
  --text:#E8EEF8; --text-2:#C2CBDC; --muted:#8C98B0; --faint:#5A6781;
  /* blue = navigate / continue / primary */
  --blue:#2F6FF5; --blue-hover:#4580FF; --blue-accent:#3D8BFF; --blue-text:#8AB8FF; --link:#7AB0FF;
  --blue-tint:rgba(61,139,255,.14); --blue-ring:rgba(61,139,255,.5);
  /* lime = go live / verified / success only */
  --lime:#A6F43B; --lime-hover:#B8FF5A; --on-lime:#0A1400; --lime-text:#BDF76A; --lime-tint:rgba(166,244,59,.12);
  /* status */
  --amber:#FFA531; --amber-text:#FFBE6B; --amber-tint:rgba(255,165,49,.14);
  --red:#FF5A52; --red-strong:#E5484D; --red-text:#FF8A82; --red-tint:rgba(255,90,82,.12);
  /* purple = text the app wrote (not received), until approved */
  --purple:#C27CF2; --purple-text:#D7A6F7; --purple-tint:rgba(194,124,242,.14);
  /* type */
  --font-ui:"SF Pro Text",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace;
  --font-serif:"Instrument Serif",Georgia,serif; /* italic accent words in big headlines only */
  --fs-label:10px; --fs-xs:12px; --fs-sm:13.5px; --fs-base:15px; --fs-md:17px; --fs-lg:22px; --fs-xl:32px; --fs-2xl:44px;
  --lh:1.45; --tracking-label:.14em;
  /* radii */
  --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-2xl:20px; --r-pill:999px;
  /* spacing (4px base) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;
  /* layout */
  --topbar:64px; --steps:36px; --panel:400px; --min-app:1180px;
  /* motion */
  --ease-out:cubic-bezier(.16,1,.3,1);      /* enter, hand-off, repaint */
  --ease-in:cubic-bezier(.4,0,1,1);         /* exit */
  --ease-spring:cubic-bezier(.34,1.56,.64,1); /* checks, pops, refresh counter */
  --t-micro:150ms; --t-exit:200ms; --t-fast:280ms; --t-base:360ms; --t-slow:700ms; --stagger:40ms;
  --t-repaint:600ms; /* brand repaint crossfade */
  --t-refresh:420ms; /* section refresh swap */
}