/* Design tokens — single source of truth for both stylesheets.
   Loaded BEFORE style.css (base.html) and BEFORE landing.css (marketing.html). */
:root {
  --primary:#00a0e3; --primary-700:#0086c2; --primary-50:#eef6ff; --teal:#71f2df;
  --grad:linear-gradient(135deg,#00a0e3 0%,#1e293b 100%);
  --ink:#0b2f56; --ink-soft:#334155; --text:#2b3a52; --muted:#64748b;
  --border:#e3ecf5; --bg:#f6f9fc; --bg-card:#ffffff; --tint:#f7fbff;
  --danger:#e23b4e; --up:#0fae7a; --down:#ef5b6b;
  --fs-hero:50px; --fs-h1:32px; --fs-h1-sm:28px; --fs-h2:22px; --fs-h3:18px;
  --fs-lead:19px; --fs-lg:17px; --fs-base:15px; --fs-sm:13px; --fs-xs:11px;
  --lh-body:1.55; --lh-tight:1.15;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;
  --radius-sm:8px; --radius:14px; --radius-lg:16px; --radius-pill:999px;
  --shadow:0 1px 3px rgba(11,47,86,.07),0 1px 2px rgba(11,47,86,.04);
  --shadow-md:0 4px 6px -1px rgba(11,47,86,.08),0 2px 4px -2px rgba(11,47,86,.05);
  --shadow-lg:0 18px 40px -12px rgba(11,47,86,.18);
  --header-h:64px; --btn-pad:10px 20px; --btn-fs:15px;
}