/* ============================================================================
   Rolvy redesign — token bridge (web). Loaded AFTER app.css; redefines the
   app's existing CSS variables to the new shadcn × Israeli design language.
   Reversible: remove the <link> in index.html. See design/rolvy-redesign-brief.md
   ============================================================================ */
:root{
  --font-sans:"Heebo","Assistant",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-num:"Rubik","Heebo",ui-sans-serif,sans-serif;
  --ink:#1C2024; --ink-soft:#3A3F45; --ink-muted:#6B7078; --ink-faint:#C2C5CC;
  --bg:#FAF9F7; --surface:#FFFFFF; --surface-2:#F3F1EC;
  --hairline:rgba(28,32,36,.10); --hairline-2:rgba(28,32,36,.06);
  --primary:#1A73E8; --primary-ink:#FFFFFF;
  --sky:#1A73E8; --sky-ink:#1A4C9E; --sky-tint:#E7F0FD;
  --blue:#1A73E8; --blue-dk:#1A4C9E;
  --c-green:#1F9D57; --c-amber:#E08600; --c-red:#E5484D; --c-blue:#1A73E8;
  --mint:#1F9D57; --mint-tint:#E6F6EC; --peach:#E08600; --peach-tint:#FCF1DC;
  --coral:#E5484D; --coral-tint:#FBE7E8;
  --shadow:0 2px 8px rgba(20,22,28,.08),0 1px 2px rgba(20,22,28,.05);
  --shadow-md:0 4px 16px rgba(20,22,28,.11),0 2px 4px rgba(20,22,28,.06);
  --shadow-lg:0 8px 28px rgba(20,22,28,.14),0 3px 8px rgba(20,22,28,.06);
  --shadow-pop:0 18px 50px rgba(20,22,28,.22),0 6px 14px rgba(20,22,28,.10);
  --r:18px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-pill:999px;
}
html[data-theme="dark"]{
  --ink:#E6E8EB; --ink-soft:#C7CCD3; --ink-muted:#9098A2; --ink-faint:#5B6470;
  --bg:#0E1116; --surface:#161A21; --surface-2:#1B212B;
  --hairline:rgba(255,255,255,.10); --hairline-2:rgba(255,255,255,.06);
  --primary:#5B9DF9; --primary-ink:#0E1116;
  --sky:#5B9DF9; --sky-ink:#A8C7F5; --sky-tint:#13233B;
  --c-green:#3DD68C; --c-amber:#F5A623; --c-red:#FF5A5F; --c-blue:#5B9DF9;
  --mint:#3DD68C; --mint-tint:#13251B; --peach:#F5A623; --peach-tint:#2A2110;
  --coral:#FF5A5F; --coral-tint:#2A1416;
  --shadow:0 2px 8px rgba(0,0,0,.5); --shadow-md:0 4px 16px rgba(0,0,0,.5);
  --shadow-lg:0 8px 30px rgba(0,0,0,.55); --shadow-pop:0 18px 50px rgba(0,0,0,.6);
}
/* primary-action surfaces that hardcode --ink today → trust-blue */
.pill.active{ background:var(--primary); color:var(--primary-ink); }
#go-btn, .go-btn{ background:var(--primary); color:var(--primary-ink); }