/* ───────────────────────────────────────────────────────────────────────────
   RadialFX — Freemius checkout theme
   Palette (Canon): #2D8CEB blue · #0B0C0C ink · #EFEFEF paper · #353535 ring.

   Apply: host this over HTTPS (it ships in /public → after deploy it's served at
   https://radialfx.app/freemius-checkout.css) and paste that URL into
   Freemius → Plans → Customization → "Custom Checkout CSS file".
   Freemius REQUIRES overriding `:root` directly for color vars to take effect.

   Two blocks below:
   • ACCENT — confirmed from Freemius docs; takes effect immediately. This alone
     turns buttons/links/selection RadialFX blue.
   • DARK SURFACES — Freemius publishes the variable *families* (--fs-ds-white-*
     = main background, --fs-ds-neutral-* = text/background/border) but NOT the
     full numbered scale, so the exact stops here are a best-effort FIRST PASS.
     VERIFY on the live checkout before relying on it: open the checkout → F12 →
     inspect an element → Computed → filter "fs-ds" to read the real variable
     names + stops, then adjust the values below. (Send Claude that var dump and
     it'll make the dark theme exact.)
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── ACCENT (confirmed) ─────────────────────────────────────────────────── */
  --fs-ds-theme-primary-accent-color: #2d8ceb;
  --fs-ds-theme-primary-accent-color-hover: #1f6fc0;

  /* ── DARK SURFACES (first pass — verify var names on the live checkout) ──── */
  /* "Main background" family → dark inks. */
  --fs-ds-white-100: #0b0c0c;
  --fs-ds-white-200: #111213;
  --fs-ds-white-300: #15171a;
  --fs-ds-white-400: #1c1f22;

  /* Neutral family (light theme: low = light bg, high = dark text). Inverted for
     dark mode → low stops dark (backgrounds/borders), high stops light (text). */
  --fs-ds-neutral-0: #0b0c0c;
  --fs-ds-neutral-50: #111213;
  --fs-ds-neutral-100: #15171a;
  --fs-ds-neutral-200: #1c1f22;
  --fs-ds-neutral-300: #353535; /* ring/borders */
  --fs-ds-neutral-400: #4a4f55;
  --fs-ds-neutral-500: #6b7178;
  --fs-ds-neutral-600: #9aa0a6; /* muted text */
  --fs-ds-neutral-700: #c3c7cc;
  --fs-ds-neutral-800: #e2e3e5;
  --fs-ds-neutral-900: #efefef; /* primary text */
}

/* The embedded-overlay SDK scopes its theme to `.dashboard-mode` (Freemius docs)
   instead of :root — mirror the accent so the modal matches if you adopt it. */
.dashboard-mode {
  --fs-ds-theme-primary-accent-color: #2d8ceb;
  --fs-ds-theme-primary-accent-color-hover: #1f6fc0;
}