/* FundReady — design tokens.
   MIRROR of offer-radar/site/tokens.css. Do not edit here; edit the Radar copy and re-mirror.
   FundReady is a separate Netlify site today (own netlify.toml, publish "."), so it cannot load
   the Radar file across directories. At the one-domain move this file is deleted and both halves
   load the single shared copy.
   Omitted from the mirror on purpose: the ?font= / data-quiet trial branches and the .font-pick
   switcher — temporary review UI that is not ported (see docs/landing-notes.md).
   Kept even though FundReady does not use them yet: .acct-* and .savebtn, so the account header
   drops in unchanged when the two halves merge.
   Colour rule: blue = interactive, glow, information. Lime = live 0% offer or the one primary
   action on a screen. Coral = ended / negative. */
:root{
  --bg:#030a1a; --bg-2:#071230; --bg-3:#0b1a40;
  --line:rgba(150,180,255,.10); --line-2:rgba(150,180,255,.18); --line-3:rgba(150,180,255,.28);
  --ink:#f2f4ff; --ink-2:#aeb8d6; --ink-3:#6b7797;
  --blue:#2e72ff; --blue-2:#0455ff; --blue-deep:#0340cc; --blue-glow:rgba(4,85,255,.55);
  --lime:#c1ff71; --lime-2:#96d94e; --coral:#ff6a4d; --sand:#dfe6ff; --amber:#ffb84d;
  --r:18px; --r-m:12px; --r-s:8px;
  --sans:"Figtree",ui-sans-serif,system-ui,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* liquid glass: floating surfaces only (nav, drawer, filters, tiles, tooltips). Never on long lists. */
.glass{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 40%,rgba(4,85,255,.07));backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),0 30px 80px -30px rgba(0,0,0,.7)}
.glass::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.45),rgba(255,255,255,.08) 30%,rgba(46,114,255,.35) 70%,rgba(255,255,255,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 15% -10%,rgba(255,255,255,.14),transparent 55%)}
.glass>*{position:relative;z-index:1}

/* shared primitives */
.zero-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:#04122b;background:linear-gradient(180deg,#d3ff8f,var(--lime));padding:4px 8px;border-radius:6px;font-weight:500;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.mono-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.btn-blue{background:linear-gradient(180deg,#4f88ff,var(--blue-2));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px -12px rgba(4,85,255,.8)}
.btn-lime{background:linear-gradient(180deg,#d3ff8f,var(--lime) 55%,#b2f25a);color:#04122b;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 30px -12px rgba(193,255,113,.6)}

/* ---------- account header (shared by every surface) ---------- */
.acct-wrap{display:flex;align-items:center;gap:10px}
.acct-signin{font-size:13.5px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:8px 10px;border-radius:999px;transition:color .2s,background .2s}
.acct-signin:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.acct-cta{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:500;color:#fff;text-decoration:none;background:linear-gradient(180deg,#4f88ff,var(--blue-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px -10px var(--blue-glow);white-space:nowrap}
.acct-trial{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#04122b;text-decoration:none;background:linear-gradient(180deg,#d3ff8f,var(--lime));white-space:nowrap}
.acct{position:relative}
.acct-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.06);cursor:pointer;display:grid;place-items:center;padding:0;transition:border-color .2s,background .2s}
.acct-btn:hover{border-color:var(--blue);background:rgba(46,114,255,.14)}
.acct-av{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.acct-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:232px;padding:6px;border-radius:14px;z-index:60;background:rgba(7,18,48,.94);border:1px solid var(--line-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 70px -24px rgba(0,0,0,.9)}
.acct-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.acct-head b{display:block;font-weight:500;font-size:14px;color:var(--ink)}
.acct-head span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.acct-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--ink-2);text-decoration:none}
.acct-menu a:hover{background:rgba(46,114,255,.14);color:var(--ink)}
.acct-menu a i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}
.acct-sep{height:1px;background:var(--line);margin:6px 8px}
@media(max-width:640px){.acct-cta{padding:0 12px}.acct-signin{display:none}}
/* save control, used on bank rows and the bank page */
.savebtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);color:var(--ink-2);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s}
.savebtn:hover{border-color:var(--blue);color:var(--ink);background:rgba(46,114,255,.12)}
.savebtn.on{border-color:rgba(193,255,113,.5);color:var(--lime);background:rgba(193,255,113,.10)}
.savebtn.locked{opacity:.75}