/* ============================================================
   Quantum-Tox brand layer (2025) — loaded site-wide, LAST.
   - Loads the brand fonts from RELIABLE official CDNs:
       Satoshi -> Fontshare (the foundry's own CDN)
       Roboto  -> Google Fonts
     (The theme's per-page CSS imports Satoshi from the unofficial
      fonts.cdnfonts.com mirror, which is often slow or blocked by
      browser privacy/ad blockers — causing the font not to load.)
   - Provides brand color tokens for reuse across the theme.

   TYPOGRAPHY: original theme design (Satoshi headings + body,
   Roboto fallback). The brand sheet's Times New Roman was reverted
   by request — see the commented block at the bottom to re-enable.
   ============================================================ */

@import url("https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap");

:root {
  /* Brand palette */
  --qt-primary: #099ab8;
  --qt-blue: #099dd0;
  --qt-cyan: #08f7f6;
  --qt-muted: #518892;
  --qt-dark: #011a1f;
  --qt-white: #ffffff;

  /* Reusable accents already used across the theme */
  --qt-accent-gradient: linear-gradient(90deg, #099ccf 0%, #00ffff 123.36%);
  --qt-button-gradient: linear-gradient(90deg, #08f7f6 0%, #099dd0 100%);

  /* Typography (original theme fonts) */
  --qt-font-heading: "Satoshi", "Roboto", Helvetica, Arial, sans-serif;
  --qt-font-body: "Satoshi", "Roboto", Helvetica, Arial, sans-serif;
}

/* Guarantee Satoshi/Roboto everywhere, including form controls
   (which don't inherit the body font by default). */
body {
  font-family: var(--qt-font-body);
}
input,
button,
textarea,
select {
  font-family: inherit;
}

/* --- To switch headings to Times New Roman (brand sheet), uncomment:
:root { --qt-font-heading: "Times New Roman", Times, Georgia, serif; }
h1, h2, h3, h4, h5, h6 { font-family: var(--qt-font-heading); letter-spacing: 0.01em; }
.footer-heading, .supporters-title { font-family: var(--qt-font-body); }
--- */