/* Global Network — colour overrides (loaded after styles.css).
   Their palette: navy #19223B / #121829, off-white #F6F6F4, mint #A7D3B3. Mint carries the
   calls to action with navy text, the way their own site does. */
:root {
  --brand-1: #BFE3CA;
  --brand-2: #7FBF94;
  --brand-3: #A7D3B3;
  --brand: linear-gradient(135deg, #C3E5CD, #A7D3B3 55%, #8CC7A0);
  --brand-soft: linear-gradient(135deg, rgba(167,211,179,.26), rgba(25,34,59,.05));
  --brand-grad: linear-gradient(135deg, #19223B, #2B3756);
  --ring: 0 0 0 3px rgba(127,191,148,.30);
  --bg: #F6F6F4;
  --ink: #19223B;
  --login-glow: rgba(167,211,179,.16);
  --login-glow-2: rgba(167,211,179,.07);
}
/* Readability (21 Oct 2026): mint is a colour for navy backgrounds, the way their site uses
   it. On white it is far too pale for text, so light mode writes green in a deep forest
   green instead, and the grey secondary text is darker. */
:root { --ink-2: #3c4a6c; --ink-3: #545e75; }
html:not(.dark) .grad-text { background: none; color: #19223B; -webkit-text-fill-color: #19223B; }
html:not(.dark) .text-teal-300, html:not(.dark) .text-teal-400, html:not(.dark) .text-teal-500 { color: #2f6b45; }
html:not(.dark) .text-slate-400 { color: #6b7488; }
html:not(.dark) .sidebar-item.active { color: #19223B; background: #e3f1e7; }

/* Dark mode = their site's dark sections: navy #121829 page, #19223B panels, white text,
   soft white secondary text, mint accents. */
.dark {
  --bg: #121829; --surface: #19223B; --surface-2: rgba(255,255,255,.03);
  --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.14);
  --ink: #ffffff; --ink-2: rgba(247,250,248,.74); --ink-3: rgba(247,250,248,.56);
  --shadow-md: 0 8px 24px rgba(5,10,20,.35); --shadow-lg: 0 24px 60px rgba(5,10,20,.5);
  --ring: 0 0 0 3px rgba(167,211,179,.28);
}
.dark .grad-text { background: linear-gradient(135deg, #C3E5CD, #A7D3B3); -webkit-background-clip: text; background-clip: text; }
.dark .text-teal-500, .dark .text-teal-600, .dark .text-teal-700, .dark .text-teal-800 { color: #A7D3B3; }
.dark .text-slate-400, .dark .text-slate-500 { color: rgba(247,250,248,.56); }

/* The shared markup draws some gradients and accents in the default cyan; repaint them. */
#sparkGrad stop:first-child, #ringGrad stop:first-child, #lg2 stop:first-child, #lg3 stop:first-child, #lgo-onb stop:first-child { stop-color: #A7D3B3; }
#sparkGrad stop:last-child, #ringGrad stop:last-child, #lg2 stop:last-child, #lg3 stop:last-child, #lgo-onb stop:last-child { stop-color: #5fa77a; }
#lg2 stop:nth-child(2), #lg3 stop:nth-child(2), #lgo-onb stop:nth-child(2) { stop-color: #84bf97; }
[style*="#1FE39A"] { background: linear-gradient(135deg, #19223B, #2f3a56) !important; }
[style*="#12C7BD"] { border-inline-start-color: #7FBF94 !important; }
html.dark body::after { border-color: #2f3a56; border-top-color: #A7D3B3; }

.btn-primary { background: var(--brand); color: #19223B; box-shadow: 0 6px 18px rgba(127,191,148,.35); }
.btn-primary:hover { box-shadow: 0 10px 26px rgba(127,191,148,.45); }
.dark .btn-primary { color: #121829; }
.sidebar-item.active { background: var(--brand-soft); color: #19223B; }
.dark .sidebar-item.active { color: #A7D3B3; background: rgba(167,211,179,.12); }
.dark .tbl tbody tr:hover { background: rgba(167,211,179,.06); }
.dark .pill-teal { background: rgba(167,211,179,.14); color: #A7D3B3; border-color: rgba(167,211,179,.26); }
.avatar-ring { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px rgba(127,191,148,.45); }
.node.is-me { box-shadow: 0 0 0 3px rgba(127,191,148,.25); }

/* onboarding pages (always light) */
.onb { --brand-2: #19223B; --ring: 0 0 0 4px rgba(25,34,59,.12); }
.onb-hero {
  background: radial-gradient(520px 260px at 12% 0%, rgba(167,211,179,.20), transparent 70%),
              radial-gradient(520px 260px at 92% 10%, rgba(167,211,179,.10), transparent 70%), #19223B;
}
.onb-eyebrow { color: #A7D3B3; }
.onb-hero .onb-brand small { color: #A7D3B3; }
.onb-lang:hover { border-color: #19223B; color: #19223B; }
.onb-step.on i { background: linear-gradient(90deg, #A7D3B3, #7FBF94); }
.onb-step.done i { background: #7FBF94; }
.onb-step.done span { color: #3c724e; }
.onb-choice.on { border-color: #19223B; background: #eef6f0; color: #19223B; }
.onb-section span:first-child, .onb-note > span:first-child, .onb-review-row button { color: #3c724e; }
.onb-note { background: #eef6f0; border-color: #cfe7d6; }
.onb-btn { background: #19223B; box-shadow: 0 8px 18px -8px rgba(25,34,59,.55); }
.onb-btn:hover { background: #121829; }
.onb-done-icon { background: linear-gradient(135deg, #A7D3B3, #7FBF94); box-shadow: 0 14px 30px -12px rgba(127,191,148,.7); }
.onb-check.ok { color: #3c724e; }
.onb-check.ok i { border-color: #7FBF94; background: #7FBF94; }

/* sign-in / first-run buttons: mint with navy text, like their site */
.btn-cta { background: linear-gradient(135deg, #C3E5CD, #A7D3B3 55%, #8CC7A0) !important; color: #19223B !important; box-shadow: 0 10px 26px -10px rgba(167,211,179,.55) !important; }
.btn-cta:hover { filter: brightness(1.04); }