/* ════════════════════════════════════════════════════════════════
   Strahl brand — single source of truth.

   The "Spectrum" palette (light, clean fintech blue) is the locked
   Strahl brand. Every public surface consumes these tokens:
     • apps/landing      (the marketing site — Spectrum is its default theme)
     • apps/developers   (the developer hub)
     • strahl-client     (the SDK docs / MkDocs — see README "Consuming")
     • the future OSS agent docs

   Tokens are namespaced --strahl-* so this file can be dropped into any
   :root (including MkDocs Material's) without colliding with a site's own
   semantic vars. Each site aliases its local names to these, e.g.
     :root { --primary: var(--strahl-primary); }

   Fonts are imported here too, so this one file is fully self-contained:
   link it (static sites) or list it in extra_css (MkDocs) and you get the
   brand type + palette with nothing else to wire up.
   ════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500&family=Libre+Franklin:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Type ── */
  --strahl-serif: 'Spectral', Georgia, serif;          /* display / headings */
  --strahl-ui:    'Libre Franklin', system-ui, sans-serif;
  --strahl-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* ── Spectrum palette ── */
  --strahl-bg:         #F3F7FC;
  --strahl-surface:    #FFFFFF;
  --strahl-ink:        #0B1B33;
  --strahl-muted:      rgba(11, 27, 51, 0.60);
  --strahl-line:       rgba(11, 27, 51, 0.12);
  --strahl-primary:    #2563EB;
  --strahl-on-primary: #FFFFFF;
  --strahl-accent:     #38BDF8;
  --strahl-soft:       #E7F0FE;
  --strahl-soft-ink:   #1D4FBE;

  /* ── Elevation ── */
  --strahl-shadow:     0 18px 50px -22px rgba(20, 60, 140, 0.34);
  --strahl-shadow-sm:  0 8px 26px -16px rgba(20, 60, 140, 0.30);

  /* ── Kaleidoscope (Spectrum) — the animated hero gradient on the landing ── */
  --strahl-k1:  #2563EB;
  --strahl-k2:  #06B6D4;
  --strahl-k3:  #4F46E5;
  --strahl-k4:  #38BDF8;
  --strahl-kbg: #06101F;
}