/* ───────────────────────────────────────────────────────────
   MENA Labour Law Database — design system v2
   Editorial · cartographic · academic
   4 palettes: editorial · paper · field · dark
   ─────────────────────────────────────────────────────────── */


/* ─── AUB ATLAS ─ clean white / cool-gray neutrals, Berytus Red accent ─ default */
:root, body.theme-editorial {
  --ivory:   #fbfbfc;
  --ivory2:  #f3f4f6;
  --ivory3:  #e8eaed;
  --sand:    #d8dbe0;
  --tan:     #bdc1c8;
  --bdr:     #e3e5e9;
  --bdr2:    #cacdd3;
  --bdr-soft: rgba(0,0,0,.06);

  --ink:    #181a1d;
  --ink2:   #33363c;
  --ink3:   #5e626b;
  --ink4:   #969ba3;

  --dk-br:  #840132;
  --warm-br:#5c0123;
  --rust:   #840132;
  --teal:   #175757;
  --gold:   #EB9F00;

  --green:  #26613A;
  --red:    #C85143;
  --amber:  #EB9F00;

  --sea:        #d4e3ec;
  --sea-dark:   #b3cdd9;
  --land-bg:    #e6e5e1;
  --land-bg-stroke: #cfcec8;

  --accent:    #840132;
  --accent-2:  #005E99;
  --hot:       #840132;

  --font-display: "proxima-nova", "Proxima Nova", "Montserrat", Georgia, sans-serif;
  --font-ui:      "proxima-nova", "Proxima Nova", "Montserrat", "Inter", -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  --pad-x: 22px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
}

/* ─── ACADEMIC PAPER ─ off-white, near-black ink, single red */
body.theme-paper {
  --ivory:   #f7f3ea;
  --ivory2:  #eee8d7;
  --ivory3:  #e3dcc4;
  --sand:    #cdc4a4;
  --tan:     #b8af8b;
  --bdr:     #d0c8aa;
  --bdr2:    #aaa080;
  --ink:    #14110b;
  --ink2:   #2b261d;
  --ink3:   #5d5544;
  --ink4:   #8d846e;
  --dk-br:  #14110b;
  --warm-br:#3b342a;
  --rust:   #b03022;
  --teal:   #3b342a;
  --gold:   #8c6a1f;
  --green:  #2c6a3f;
  --red:    #b03022;
  --amber:  #8c6a1f;
  --sea:        #e5dec7;
  --sea-dark:   #c9bf99;
  --land-bg:    #ddd4ad;
  --land-bg-stroke: #bcb085;
  --accent:    var(--rust);
  --accent-2:  #2b261d;
  --hot:       var(--rust);
}

/* ─── FIELD REPORT ─ cool sage/teal/khaki ────────────────── */
body.theme-field {
  --ivory:   #ebede4;
  --ivory2:  #e0e3d6;
  --ivory3:  #cfd4c0;
  --sand:    #b8c0a0;
  --tan:     #9ea687;
  --bdr:     #bdc4a8;
  --bdr2:    #a0a988;
  --ink:    #0e1812;
  --ink2:   #25342b;
  --ink3:   #5c6a5a;
  --ink4:   #8b9583;
  --dk-br:  #14241f;
  --warm-br:#3a5550;
  --rust:   #c46237;
  --teal:   #2d7a72;
  --gold:   #c79335;
  --green:  #38804e;
  --red:    #b04030;
  --amber:  #c79335;
  --sea:        #b8c8cc;
  --sea-dark:   #8ea6ac;
  --land-bg:    #ccd4bc;
  --land-bg-stroke: #adb799;
  --accent:    var(--teal);
  --accent-2:  var(--rust);
  --hot:       #c46237;
}

/* ─── DARK CARTOGRAPHY ─ deep navy + gold ────────────────── */
body.theme-dark {
  --ivory:   #15171b;
  --ivory2:  #1c1f24;
  --ivory3:  #25282e;
  --sand:    #2e323a;
  --tan:     #3d4250;
  --bdr:     #2b2f37;
  --bdr2:    #3d4350;
  --ink:    #ece4d2;
  --ink2:   #cfc4a8;
  --ink3:   #948b78;
  --ink4:   #6b6555;
  --dk-br:  #0c0e12;
  --warm-br:#d49a5e;
  --rust:   #e48050;
  --teal:   #5dc7be;
  --gold:   #e3b65a;
  --green:  #6cc275;
  --red:    #e07070;
  --amber:  #e0b25a;
  --sea:        #0f1419;
  --sea-dark:   #0a0d11;
  --land-bg:    #232830;
  --land-bg-stroke: #353c47;
  --accent:    var(--gold);
  --accent-2:  var(--teal);
  --hot:       var(--gold);
}