/* Soli Fiji on the Dimau brand theme — light-blue glass, light surfaces, dark words.
   Loads after dimau-theme.css. Re-maps Soli's own colour tokens onto the sky-blue palettes. */
html:root{--dm-header:rgba(240,248,255,.55);--dm-header-text:#000000;--dm-ink:#000000;--dm-border:#B0E0E6;--dm-focus:#1E90FF}
html:root body{
 --tide:#1E90FF; --tide-deep:#000080; --tide-light:#87CEEB; --tide-bg:rgba(224,255,255,.55);
 --reef:#1E90FF; --reef-dark:#4682B4; --reef-bg:rgba(176,224,230,.55);
 --palm:#2E8B57; --palm-bg:rgba(224,255,255,.6);
 --sand:rgba(240,248,255,.42); --sand-warm:rgba(240,248,255,.55); --sand-deep:#B0E0E6;
 --sun:#FF8C00; --sun-bg:rgba(255,239,213,.75);
 --hibiscus:#C71585; --hibiscus-bg:rgba(255,228,225,.75);
 --orchid:#483D8B; --orchid-bg:rgba(230,230,250,.75);
 --ink:#000000; --ink2:#000080; --ink3:#191970; --ink4:#4682B4;
 --paper:#F0F8FF; --paper2:#E0FFFF; --line:rgba(30,144,255,.35); --line2:#1E90FF;
 --sh:0 0 0 1px rgba(135,206,235,.35),0 6px 18px rgba(70,130,180,.18);
 --sh2:0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.3),0 10px 28px rgba(70,130,180,.22);
 --sh3:0 0 0 1px rgba(135,206,235,.35),0 0 14px rgba(30,144,255,.35),0 16px 40px rgba(70,130,180,.28);
 color:#000000}
html:root body :is(.hero,.section,.fx-section,.cap-hero,.lend-hero,.invest-hero,.trust,main,.page,.p-section,.a-panel){background:transparent!important;background-image:none!important}
html:root body .hero-pattern,html:root body .hero-noise{opacity:.35}
/* header bar: frosted glass, dark words */
html:root body nav.nav,html:root body .nav-options-panel{background:rgba(240,248,255,.55)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1.5px solid rgba(240,248,255,.9)!important;box-shadow:0 8px 24px rgba(70,130,180,.18)!important;color:#000000}
html:root body nav.nav :is(a,button,span,small,div){color:#000080}
html:root body nav.nav :is(.brand,.logo-name,[class*=brand]) :is(b,strong,h1,.name,span:first-child){color:#000000}
html:root body nav.nav a.on,html:root body nav.nav a.active,html:root body nav.nav [aria-current]{background:linear-gradient(135deg,#1E90FF,#4682B4)!important;color:#F0F8FF!important;border-radius:4px 16px 4px 16px!important;box-shadow:0 0 12px rgba(30,144,255,.45)!important}
html:root body nav.nav a.on *,html:root body nav.nav a.active *{color:#F0F8FF!important}
html:root body #search-in{background:rgba(240,248,255,.7)!important;color:#000000!important;border:1.5px solid #1E90FF!important}
html:root body #search-in::placeholder{color:#191970;opacity:.8}
/* solid dark buttons become the blue brand gradient */
html:root body :is(.btn-p,.btn-primary,.btn-dark,.btn-ink,.fx-cta-main,.fx-tab.on,.cap-tab.on,.tab.on,.hero-cta,.donate-btn,[class*=btn-primary],[class*=cta-main]){background:linear-gradient(135deg,#1E90FF,#4682B4)!important;color:#F0F8FF!important;border:1.5px solid #1E90FF!important}
html:root body :is(.btn-p,.btn-primary,.btn-dark,.btn-ink,.fx-cta-main,.fx-tab.on,.cap-tab.on,.tab.on,.hero-cta,.donate-btn) *{color:#F0F8FF!important}
/* headline accent word in brand blue */
html:root body :is(h1,h2,h3) :is(em,i,.accent,.hl,span[class]){color:#1E90FF!important;-webkit-text-fill-color:#1E90FF}
/* progress bars */
html:root body :is([class*=progress],[class*=bar]) > :is(i,span,div)[style*=width]{background:linear-gradient(90deg,#1E90FF,#00BFFF)!important}
/* hero stats readable */
html:root body .hero :is(.stat,.stats,[class*=stat]) :is(b,strong,.num,.v,div){color:#000080!important;opacity:1!important;-webkit-text-fill-color:#000080}
/* card photos keep their own colour; overlays lighten */
html:root body :is(.feat-img,.card-img,.hc-img){background-color:#B0E0E6!important}
html:root body footer,html:root body .footer{background:rgba(240,248,255,.55)!important;color:#000000!important;border-top:1.5px solid rgba(240,248,255,.9)}
html:root body :is(footer,.footer) :is(a,p,span,li,h4,h5,small){color:#000080!important}

/* old shell overrides (id-level) brought onto the brand */
html:root body > nav.nav{background:rgba(240,248,255,.55)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important;backdrop-filter:blur(14px) saturate(1.2)!important;border-bottom:1.5px solid rgba(240,248,255,.9)!important}
html:root body .nav .nav-link{color:#000080!important;font-weight:500}
html:root body .nav .nav-link:hover{background:rgba(240,248,255,.75)!important;color:#000000!important}
html:root body .nav .nav-link.on{color:#F0F8FF!important;background:linear-gradient(135deg,#1E90FF,#4682B4)!important;border:1.5px solid #1E90FF!important;box-shadow:0 0 12px rgba(30,144,255,.45)!important}
html:root body .nav .nav-link.on *{color:#F0F8FF!important}
html:root body .nav .brand-name{color:#000000!important;font-family:var(--dm-head-font)!important;font-weight:800!important}
html:root body .nav .brand-sub{color:#191970!important}
html:root body .nav .btn-ghost,html:root body .nav-options>summary{color:#000080!important;border:1.5px solid #1E90FF!important;background:rgba(240,248,255,.42)!important;border-radius:4px 16px 4px 16px!important}
html:root body .nav-options-panel{background:rgba(240,248,255,.92)!important;border:1.5px solid #1E90FF!important}
html:root body .nav-options-panel :is(a,button,span,label,div){color:#000080}
html:root body #v-discover .hero{background:transparent!important;color:#000000!important}
html:root body #v-discover .hero h1{color:#000000!important}
html:root body #v-discover .hero h1 em{color:#1E90FF!important}
html:root body #v-discover .hero-content p{color:#000080!important}
html:root body #v-discover .hero-eyebrow{color:#000080!important;background:rgba(240,248,255,.6)!important;border:1.5px solid #1E90FF!important}
html:root body #v-discover :is(.cta-big),html:root body :is(.cta-big,.btn-donate,.feat-cta:first-child,.btn-p){background:linear-gradient(135deg,#1E90FF,#4682B4)!important;color:#F0F8FF!important;border:1.5px solid #1E90FF!important;border-radius:4px 16px 4px 16px!important}
html:root body #v-discover .cta-ghost{color:#000080!important;border:1.5px solid #1E90FF!important;border-radius:4px 16px 4px 16px!important}
html:root body #v-discover .hero-stats,html:root body .hero-meta :is(strong,b){color:#000080!important;-webkit-text-fill-color:#000080!important;opacity:1!important}
/* page banners that used dark gradients: light glass, dark words */
html:root body :is(.ol-hero,.lb-hero,.ol-foot,.cap-hero){background:linear-gradient(135deg,rgba(240,248,255,.55),rgba(224,255,255,.35))!important;border-bottom:1.5px solid rgba(240,248,255,.9);color:#000000!important}
html:root body :is(.ol-foot){border:1.5px solid #1E90FF!important;border-radius:6px 26px 6px 26px!important;box-shadow:0 0 12px rgba(30,144,255,.35)!important}
html:root body :is(.ol-hero,.lb-hero,.ol-foot,.cap-hero) :is(h1,h2,h3,h4,p,div,span,strong,b,small,a,li,label):not(em):not([class*=av]):not([class*=badge]):not([class*=pill]){color:#000000!important;-webkit-text-fill-color:currentColor}
html:root body :is(.ol-hero,.lb-hero,.ol-foot,.cap-hero) :is(p,small,span,[class*=lbl],[class*=sub],[class*=trend],[class*=meta] span){color:#000080!important}
html:root body :is(.ol-hero,.lb-hero,.ol-foot,.cap-hero) :is(h1,h2) em{color:#1E90FF!important;-webkit-text-fill-color:#1E90FF!important}
html:root body .cap-stat-card{background:rgba(240,248,255,.6)!important}
html:root body :is(.cap-stat-num,[class*=trend].up,.fin-val.pos){color:#2E8B57!important}
html:root body .cap-stat-card :is(.cap-stat-num){color:#000080!important}
html:root body .streak{background:linear-gradient(135deg,rgba(240,248,255,.7),rgba(255,239,213,.75))!important;border:1.5px solid #1E90FF!important;color:#000000!important}
html:root body .streak :is(div,span,strong,b,p,small){color:#000000!important}
html:root body .streak :is(p,small,span){color:#000080!important}
/* lend / invest buttons on cards */
html:root body :is(.btn-lend,.btn-invest,.btn-donate,.lb-tab.on,.p-item.on,.a-item.on){background:linear-gradient(135deg,#1E90FF,#4682B4)!important;color:#F0F8FF!important;border:1.5px solid #1E90FF!important}
html:root body :is(.btn-lend,.btn-invest,.btn-donate,.lb-tab.on,.p-item.on,.a-item.on) *{color:#F0F8FF!important}
/* Demo Account and Admin dashboards: from dark app to the light glass brand */
html:root body :is(.portal,.admin){background:transparent!important;color:#000000!important}
html:root body :is(.p-side,.a-side){background:rgba(240,248,255,.55)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1.5px solid rgba(240,248,255,.9)!important}
html:root body :is(.port-card,.metric,.block,.portal [class*=card],.admin [class*=card],.portal [class*=panel],.admin [class*=panel]):not(.p-section):not(.a-panel){background:rgba(240,248,255,.42)!important;background-image:none!important;border:1.5px solid #1E90FF!important;border-radius:6px 26px 6px 26px!important;box-shadow:0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.35),inset 0 0 14px rgba(30,144,255,.15)!important}
html:root body :is(.portal,.admin) :is(h1,h2,h3,h4,h5,div,span,strong,b,p,small,a,li,td,th,label,button):not(.p-av):not(.bchip):not([class*=av]):not(.p-item.on *):not(.a-item.on *):not(.btn-lend):not(.btn-invest):not(.btn-donate){color:#000000!important;-webkit-text-fill-color:currentColor}
html:root body :is(.portal,.admin) :is([class*=lbl],[class*=sub],small,th,.p-item,.a-item,[class*=meta],[class*=date],[class*=muted]):not(.on){color:#000080!important}
html:root body :is(.portal,.admin) :is(.up,[class*=pos],[class*=green]):not(.metric){color:#2E8B57!important}
html:root body :is(.portal,.admin) :is(.warn,[class*=neg],.down){color:#B22222!important}
html:root body :is(.portal,.admin) :is(table,tr,td,th){border-color:rgba(30,144,255,.25)!important;background-color:transparent!important}
html:root body :is(.portal,.admin) :is(input,select,textarea){background:rgba(240,248,255,.7)!important;color:#000000!important}
html:root body :is(.portal,.admin) :is(h1,h2) em,html:root body .portal h2.serif{color:#000000!important}
html:root body .portal div[style*="gradient"]:not([class]){background:linear-gradient(135deg,rgba(255,239,213,.8),rgba(240,248,255,.6))!important;border:1.5px solid #FF8C00!important;border-radius:6px 26px 6px 26px!important}
html:root body .alloc-ring::after{background:#F0F8FF!important}
html:root body :is(.row-prog-bar,[class*=prog-bar],[class*=-track]){background:rgba(176,224,230,.6)!important}
/* one brand look: the old dark-mode switch is retired */
html:root body .nav [onclick*="toggleTheme"]{display:none!important}

/* 4 Oct 2026 — Soli Fiji logo, faded Fiji flag behind the site, tidy sideways-scrolling section pills */
html:root body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/images/fiji-flag.svg) center/cover no-repeat;opacity:.15}
@media (max-width:760px){html:root body::before{background-position:74% center}}
html:root body .nav .brand{gap:12px!important}
html:root body .nav img.soli-logo{display:block;height:46px;width:auto;flex:0 0 auto}
@media (max-width:760px){html:root body .nav img.soli-logo{height:40px}}
html:root body .nav .nav-links{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:none;padding:6px 8px 10px!important;cursor:grab;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8px,#000 calc(100% - 32px),transparent 100%)}
html:root body .nav .nav-links::-webkit-scrollbar{display:none}
html:root body .nav .nav-links .nav-link{flex:0 0 auto!important;scroll-snap-align:start;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 18px!important;border-radius:999px!important;border:1.5px solid rgba(30,144,255,.4)!important;background:rgba(240,248,255,.62)!important;box-shadow:0 2px 6px rgba(70,130,180,.12)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;color:#000080!important;transform:none!important}
html:root body .nav .nav-links .nav-link:hover{background:rgba(240,248,255,.9)!important;color:#000000!important}
html:root body .nav .nav-links .nav-link.on{background:linear-gradient(135deg,#1E90FF,#4682B4)!important;border-color:#1E90FF!important;color:#F0F8FF!important;box-shadow:0 3px 10px rgba(30,144,255,.35)!important}
html:root body .nav .nav-links .nav-link.on *{color:#F0F8FF!important}
html:root body :is(.hero-pattern,.profile-cover-pattern){display:none!important;background-image:none!important}