/* ============================================================
   Mandera — Light theme (website). Loaded AFTER styles.css.
   ~75% white / ~20% blue / ≤5% charcoal. Portal keeps the dark theme.
   #3E9AD1 = brand blue (panels, graphics, large type, dark text on it)
   #146B9E = action blue (white text on it, small blue text on white)
   ============================================================ */
:root{
  --brand:#3e9ad1;--brand-rgb:62,154,209;
  --bg-canvas:#ffffff;--bg-base:#f7f9fb;--bg-elevated:#ffffff;
  --surface-card:#ffffff;--surface-raised:#f3f6f9;--surface-sunken:#f7f9fb;--surface-tint:#eef6fc;
  --surface-overlay:rgba(255,255,255,0.86);
  --border-subtle:#e4e9ef;--border-default:#d3dae3;--border-strong:#aeb8c5;
  --text-strong:#111111;--text-body:#23282f;--text-secondary:#3d4550;--text-muted:#5a6472;--text-faint:#6b7480;
  --text-on-accent:#ffffff;
  --accent:#146b9e;--accent-hover:#0f5a88;--accent-press:#0c4d74;--accent-bright:#3e9ad1;
  --accent-soft:rgba(62,154,209,0.12);--accent-text:#146b9e;--border-accent:rgba(62,154,209,0.6);
  --focus-ring:#3e9ad1;
  --grad-hero:radial-gradient(150% 120% at 18% 12%, rgba(62,154,209,0.14) 0%, rgba(255,255,255,0) 55%);
  --shadow-sm:0 1px 2px rgba(17,17,17,0.05);
  --shadow-md:0 4px 16px rgba(20,56,79,0.06);
  --shadow-lg:0 14px 36px rgba(20,56,79,0.10);
  --shadow-xl:0 24px 60px rgba(20,56,79,0.12);
  --glow-accent:0 0 0 1px rgba(62,154,209,0.35), 0 8px 24px rgba(62,154,209,0.16);
  --glow-soft:0 0 28px rgba(62,154,209,0.16);
  --glow-bright:0 0 16px rgba(62,154,209,0.35);
  --hairline-top:inset 0 1px 0 rgba(255,255,255,0.6);
}
/* Solid brand-blue panels: charcoal text; primary button inverts to white w/ action-blue label */
.mn-on-blue{--text-strong:#111111;--accent:#ffffff;--accent-hover:#eef6fc;--text-on-accent:#146b9e}
::selection{background:rgba(62,154,209,0.28);color:#111111}
::placeholder{color:#6b7480;opacity:1}
:focus-visible{outline:2px solid #146b9e;outline-offset:2px}
.mn-on-blue :focus-visible{outline-color:#111111}
.mandera-scroll::-webkit-scrollbar-thumb{background:#c9d1db}
.mandera-scroll::-webkit-scrollbar-thumb:hover{background:#aeb8c5}