/* ============================================================
   RTL FIXER — GLOBAL DESIGN TOKENS
   Single source of truth for the redesign's colors, gradient,
   fonts, radii and shadows. Loaded site-wide. Only declares
   CSS custom properties on :root — defines NO element styles,
   so it cannot affect the current live OceanWP/Elementor pages.
   Component styles that consume these tokens are scoped to the
   new Gutenberg pages under the .rtlf namespace (loaded
   separately when those pages are built).
   ============================================================ */
:root{
  --rtlf-blue:#3b6dff;--rtlf-blue-deep:#1e3a8a;
  --rtlf-accent:#3286ea;--rtlf-accent-deep:#0a5fd0;
  --rtlf-ink:#0d1326;--rtlf-ink-soft:#3a425a;--rtlf-slate:#5b6478;--rtlf-slate-light:#8b93a7;
  --rtlf-line:#e6e9f2;--rtlf-bg:#ffffff;--rtlf-bg-tint:#f6f8ff;--rtlf-bg-deep:#0a0f24;
  /* Gradient sampled from the RTL Fixer app icon: sky blue -> deep royal blue */
  --rtlf-grad:linear-gradient(160deg,#7bb8fd 0%,#3286ea 45%,#0669de 100%);
  --rtlf-grad-soft:linear-gradient(160deg,#eaf3ff 0%,#e3edff 100%);
  --rtlf-radius:18px;--rtlf-radius-lg:28px;
  --rtlf-shadow-sm:0 4px 18px -8px rgba(30,58,138,.22);
  --rtlf-shadow-md:0 18px 50px -22px rgba(46,52,140,.38);
  --rtlf-shadow-lg:0 40px 90px -40px rgba(46,52,140,.55);
  --rtlf-maxw:1160px;
  --rtlf-font-display:'Sora',sans-serif;
  --rtlf-font-body:'Inter',system-ui,sans-serif;
  /* ===== TYPOGRAPHY SCALE — single source of truth =====
     Desktop defaults here; tablet + mobile overrides below.
     Change any tier independently to resize text per device. */
  --rtlf-fs-hero:4.8rem;--rtlf-fs-h2:3.3rem;--rtlf-fs-h3:1.9rem;
  --rtlf-fs-subhead:1.75rem;--rtlf-fs-lede:1.35rem;--rtlf-fs-body:1.2rem;
  --rtlf-fs-small:1.08rem;--rtlf-fs-step-h:1.5rem;--rtlf-fs-label:.95rem;
}
/* Tablet (≤ 1024px) */
@media(max-width:1024px){:root{
  --rtlf-fs-hero:3.9rem;--rtlf-fs-h2:2.7rem;--rtlf-fs-h3:1.65rem;
  --rtlf-fs-subhead:1.52rem;--rtlf-fs-lede:1.22rem;--rtlf-fs-body:1.12rem;
  --rtlf-fs-small:1.02rem;--rtlf-fs-step-h:1.35rem;--rtlf-fs-label:.9rem;
}}
/* Mobile (≤ 600px) */
@media(max-width:600px){:root{
  --rtlf-fs-hero:2.9rem;--rtlf-fs-h2:2.1rem;--rtlf-fs-h3:1.4rem;
  --rtlf-fs-subhead:1.36rem;--rtlf-fs-lede:1.16rem;--rtlf-fs-body:1.08rem;
  --rtlf-fs-small:.98rem;--rtlf-fs-step-h:1.18rem;--rtlf-fs-label:.82rem;
}}