:root{
  /* Brand — Blue + Orange */
  --blue-50:#eef4ff;  --blue-100:#dbe7ff; --blue-200:#bcd1ff;
  --blue-300:#8fb0ff; --blue-400:#5d87f5; --blue-500:#2f61e0;
  --blue-600:#0f4bad; --blue-700:#0B3D91; --blue-800:#092f70;
  --blue-900:#06214d;
  --orange-50:#fff4e8; --orange-100:#ffe4c6; --orange-200:#ffcb96;
  --orange-300:#ffab5c; --orange-400:#fb8f2b; --orange-500:#F27A1A;
  --orange-600:#d8610a; --orange-700:#a94807;

  /* Neutrals */
  --ink:#0d1522; --ink-2:#1c2636; --body:#3a465a; --muted:#65718a;
  --line:#e4e9f1; --line-2:#eef2f8; --bg:#ffffff; --bg-2:#f7f9fd;
  --bg-3:#eef3fb;

  /* Status */
  --ok:#0f8a4a; --ok-bg:#e6f6ec;
  --warn:#b26a00; --warn-bg:#fff4e2;
  --err:#b42318; --err-bg:#fdecea;
  --info:#0b3d91; --info-bg:#e8f1ff;

  /* Typography */
  --font-sans:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Inter','Segoe UI',system-ui,sans-serif;
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px;
  --fs-16:16px; --fs-18:18px; --fs-20:20px; --fs-24:24px;
  --fs-28:28px; --fs-32:32px; --fs-40:40px; --fs-48:48px;
  --fs-56:56px; --fs-64:64px; --fs-72:72px;
  --lh-tight:1.1; --lh-snug:1.25; --lh-normal:1.5; --lh-relaxed:1.7;

  /* Spacing scale (4px base) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px;
  --s8:32px; --s10:40px; --s12:48px; --s16:64px; --s20:80px; --s24:96px; --s32:128px;

  /* Radius */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-2xl:28px; --r-pill:999px;

  /* Shadow */
  --sh-xs:0 1px 2px rgba(11,61,145,.06);
  --sh-sm:0 2px 6px rgba(11,61,145,.06), 0 1px 2px rgba(11,61,145,.04);
  --sh-md:0 8px 24px rgba(11,61,145,.08);
  --sh-lg:0 24px 60px rgba(11,61,145,.12);
  --sh-xl:0 40px 100px rgba(11,61,145,.16);

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-1:120ms; --dur-2:200ms; --dur-3:320ms;

  /* Layout */
  --container:1200px;
  --container-narrow:960px;
  --container-wide:1320px;
  --header-h:72px;
}