/* FloatFolio "Arcus" theme: cream paper, forest green, editorial serif.
   Every rule here is scoped to :root[data-theme="arcus"], so the Classic
   theme is completely unaffected when this one is not selected. */

:root[data-theme="arcus"]{
  color-scheme:light;
  --bg:#F5F2EB;
  --bg-soft:#ECE6D8;
  --card:#FBF9F4;
  --card-strong:#FFFFFF;
  --line:rgba(30,59,37,.12);
  --line-strong:rgba(30,59,37,.24);
  --text:#13201A;
  --muted:#4E5A4F;
  --faint:#7B7975;
  --accent:#1E3B25;
  --accent-fg:#F5F2EB;
  --violet:#1E3B25;
  --violet-deep:#14291A;
  --cyan:#7B7975;
  --pos:#2F7A4A;
  --neg:#B4442F;
  --warn:#8A5F0E;
  --btn-bg:#1E3B25;
  --btn-fg:#F5F2EB;
  --wash:rgba(30,59,37,.05);
  --wash-strong:rgba(30,59,37,.10);
  --panel:#FBF9F4;
  --veil:rgba(15,20,13,.38);
  --scrim:rgba(15,20,13,.38);
  --thumb-bg:#ECE6D8;
  --ring-halo:rgba(30,59,37,.14);
}

/* Typography: clean sans for interface text ... */
:root[data-theme="arcus"] body,
:root[data-theme="arcus"] h1,
:root[data-theme="arcus"] h2,
:root[data-theme="arcus"] h3,
:root[data-theme="arcus"] h4,
:root[data-theme="arcus"] .hero .total,
:root[data-theme="arcus"] .stat .v,
:root[data-theme="arcus"] .wsum .wv,
:root[data-theme="arcus"] .pnl-sum .v,
:root[data-theme="arcus"] .coll-head .cname,
:root[data-theme="arcus"] .coll-head .cval,
:root[data-theme="arcus"] .tval .usd,
:root[data-theme="arcus"] .sc-head,
:root[data-theme="arcus"] .modal h3,
:root[data-theme="arcus"] .ob-title,
:root[data-theme="arcus"] .empty h3,
:root[data-theme="arcus"] .brand,
:root[data-theme="arcus"] .brand-name .tag,
:root[data-theme="arcus"] .tabs button,
:root[data-theme="arcus"] .bottom-nav button,
:root[data-theme="arcus"] .shead h2,
:root[data-theme="arcus"] .btn,
:root[data-theme="arcus"] .mini-act,
:root[data-theme="arcus"] .mode-toggle button,
:root[data-theme="arcus"] .wchip .wid,
:root[data-theme="arcus"] .field input,
:root[data-theme="arcus"] .field select,
:root[data-theme="arcus"] .search-in,
:root[data-theme="arcus"] .hidden-box>button,
:root[data-theme="arcus"] .consent-bar .cb-head b,
:root[data-theme="arcus"] .ob-link,
:root[data-theme="arcus"] .lock-veil h4,
:root[data-theme="arcus"] .pnl-wallet-sel select,
:root[data-theme="arcus"] .load-tips-h,
:root[data-theme="arcus"] .seg button,
:root[data-theme="arcus"] .sn-select,
:root[data-theme="arcus"] .wsum .wid,
:root[data-theme="arcus"] .tico,
:root[data-theme="arcus"] .whead .t,
:root[data-theme="arcus"] .pnl-share,
:root[data-theme="arcus"] .pnl-num .p1,
:root[data-theme="arcus"] .alert-row .mini,
:root[data-theme="arcus"] .tk-chips .v,
:root[data-theme="arcus"] .th-row .pl,
:root[data-theme="arcus"] .pnl-loading .pl-t,
:root[data-theme="arcus"] .pnl-chip,
:root[data-theme="arcus"] .deal-head,
:root[data-theme="arcus"] .deal-scan,
:root[data-theme="arcus"] .subtabs button{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}

/* ... and the editorial serif only for display numbers and headings. */
:root[data-theme="arcus"] .brand h1,
:root[data-theme="arcus"] .hero .total,
:root[data-theme="arcus"] .stat .v,
:root[data-theme="arcus"] .wsum .wv,
:root[data-theme="arcus"] .pnl-sum .v,
:root[data-theme="arcus"] .sc-head,
:root[data-theme="arcus"] .modal h3,
:root[data-theme="arcus"] .empty h3,
:root[data-theme="arcus"] .ob-title,
:root[data-theme="arcus"] .lock-veil h4,
:root[data-theme="arcus"] h1,
:root[data-theme="arcus"] h3,
:root[data-theme="arcus"] h4{font-family:"Hedvig Letters Serif",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.015em}
:root[data-theme="arcus"] .hero .total{letter-spacing:-.035em}
:root[data-theme="arcus"] .shead h2{letter-spacing:.06em}

/* Decorative jellyfish background belongs to the Classic look. */
:root[data-theme="arcus"] #floaters{display:none}

/* The few colours written directly into the base stylesheets. */
:root[data-theme="arcus"] .field select,:root[data-theme="arcus"] .pnl-sort,:root[data-theme="arcus"] .pnl-wallet-sel select{background:var(--card-strong);color:var(--text)}
:root[data-theme="arcus"] .pnl-wallet-sel select option,:root[data-theme="arcus"] .field select option{background:#FFFFFF;color:var(--text)}
:root[data-theme="arcus"] .modal-bg{background:var(--veil)}
:root[data-theme="arcus"] .alloc .a-tok{background:#8FAF87}
:root[data-theme="arcus"] .alloc .a-nft{background:#D4C49B}
:root[data-theme="arcus"] .net-logo{background:var(--bg-soft)}
:root[data-theme="arcus"] .net-menu{background:#FFFFFF;box-shadow:0 18px 40px rgba(15,20,13,.14)}
:root[data-theme="arcus"] .badge.tr{background:rgba(30,59,37,.08);color:var(--accent);border-color:rgba(30,59,37,.25)}
:root[data-theme="arcus"] .badge.cg{background:rgba(47,122,74,.10);color:var(--pos);border-color:rgba(47,122,74,.3)}
@media(max-width:560px){
  :root[data-theme="arcus"] .net-btn{background:var(--card-strong)}
  :root[data-theme="arcus"] .net-btn:not(.has-logo){background:var(--accent)}
  :root[data-theme="arcus"] .net-btn:not(.has-logo) .net-letter{color:var(--accent-fg)}
}

/* Glass surfaces: on black, a blur over a transparent panel reads as solid;
   on cream it lets the page show through, so Arcus gives them real paper. */
:root[data-theme="arcus"] .modal{background:var(--card);box-shadow:0 24px 60px rgba(15,20,13,.18)}
:root[data-theme="arcus"] .coll{background:var(--card)}

/* The two landing headlines set their font inline. */
:root[data-theme="arcus"] [style*="font-family:'Outfit'"]{font-family:"Hedvig Letters Serif",Georgia,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:-.025em}

/* Allocation legend dots are coloured inline; keep them matching the bar. */
:root[data-theme="arcus"] .legend i[style*="BDBDBD"],:root[data-theme="arcus"] .legend i[style*="C9C9C9"]{background:#8FAF87!important}
:root[data-theme="arcus"] .legend i[style*="7A7A7A"],:root[data-theme="arcus"] .legend i[style*="4A4A4A"]{background:#D4C49B!important}