/* MRCM Director Portal - THEME LAYER (v0.4 'airy', matches the approved login1_split; Nov 11 2026).
   app.css only uses these variables. A new theme = a new [data-theme] block (+ its dark variant). */
@font-face{font-family:"DM Serif Display";font-weight:400;font-display:swap;src:url(fonts/dm-serif-display-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format("woff2")}
:root,[data-theme="mrcm-light"]{
  --font:Inter,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --brand:#6c0022; --brand-hover:#55001a; --brand-ink:#fff; --brand-soft:#f7eef0; --brand-soft2:#f0dde2; --accent:#e0707f; --gold:#ac9748;
  --topbg:#fff; --top-ink:#1f2328; --top-muted:#5b6168; --srch-bg:#f4f5f6; --srch-bd:transparent; --srch-ink:#1f2328;
  --bg:#fcfcfc; --surface:#fff; --surface-2:#f4f5f6; --side-bg:#fff; --line:#eceef0; --thumb-bg:#f4f5f6;
  --ink:#1f2328; --ink-strong:#111; --ink-nav:#3a4047; --muted:#5b6168; --faint:#8b9096;
  --border:#e6e8eb; --border-strong:#c0c4c9;
  --th-bg:#1f2328; --th-ink:#fff;
  --ok:#00a65a; --ok-bg:#e8f6ef; --warn:#c87f0a; --err-bg:#fbeaec;
  --page:#fff; --pageb:#e6e8eb; --fold:#f2d5da; --ln:#e3e5e8; --prev-a:#f5f6f7; --prev-b:#eef0f2; --chkring:#fff;
  --help-bg:#1f2328; --help-ink:#c0c4c9;
  --shadow:0 2px 6px rgba(17,17,17,.05); --shadow-hover:0 10px 24px rgba(124,0,24,.16); --shadow-det:0 2px 10px rgba(17,17,17,.06);
  --link:#6c0022; --focus:0 0 0 3px rgba(108,0,34,.22); --av-bg:#1f2328;
  --b-old:#c87f0a; --b-old-bg:#fdf3e3; --b-nt:#5b6168; --b-nt-bg:#f2f3f5; --b-ok:#00a65a; --b-ok-bg:#e8f6ef;
  /* MRCM logo colours (login + emails) */
  --logo-red:#6c0022; --logo-red-hover:#55001a; --logo-gold:#ac9748;
}
/* Dark mode (per-user pref dark_directors, off by default) */
[data-theme="mrcm-light"][data-mode="dark"]{
  --bg:#121417; --surface:#1b1e22; --surface-2:#22262b; --side-bg:#171a1d;
  --ink:#e6e8eb; --ink-strong:#fff; --ink-nav:#c9cdd2; --muted:#a3a9b0; --faint:#7d838a;
  --border:#2c3137; --border-strong:#3d434a; --th-bg:#2a2f35;
  --brand-soft:#3a1520; --brand-soft2:#4a1a27; --brand:#9c1030; --brand-hover:#b3173a;
  --ok-bg:#12301f; --err-bg:#3a1219;
  --page:#2a2f35; --pageb:#3d434a; --fold:#5a2a35; --ln:#3d434a; --prev-a:#22262b; --prev-b:#1e2226; --chkring:#1b1e22;
  --help-bg:#0d0f11; --topbg:#171a1d; --top-ink:#e6e8eb; --top-muted:#a3a9b0; --srch-bg:#22262b; --srch-ink:#e6e8eb; --line:#2c3137; --thumb-bg:#22262b; --av-bg:#3d434a;
  --b-old:#f0b25a; --b-old-bg:#3a2a10; --b-nt:#a3a9b0; --b-nt-bg:#262a2f; --b-ok:#4cd38f; --b-ok-bg:#12301f;
  --shadow:0 2px 6px rgba(0,0,0,.35); --shadow-hover:0 10px 24px rgba(0,0,0,.5); --shadow-det:0 2px 10px rgba(0,0,0,.4);
  --link:#ff8a9b; color-scheme:dark;
}