/* MASK desktop — design tokens. "Editorial dossier, elevated."
   The m.mask brand palette (paper/ink/oxblood/gold/teal), extended for a
   wide-canvas desktop app. */
:root{
  /* surfaces */
  --paper:#f4f0e6;
  --paper-raised:#faf7ef;
  --paper-sunken:#ece6d6;
  --paper-deep:#e5ddc9;

  /* ink */
  --ink:#211d17;
  --ink-2:#5a5347;
  --ink-3:#8a8272;

  /* rules & hairlines */
  --rule:#d8d0bc;
  --rule-strong:#b9ae93;

  /* accents */
  --oxblood:#8a2b22;
  --oxblood-wash:#f3e4e1;
  --gold:#93741a;
  --gold-wash:#f1ead3;
  --teal:#2f6f6a;
  --teal-wash:#e1ecea;

  /* verification / status semantics */
  --ok:var(--teal);
  --warn:var(--gold);
  --bad:var(--oxblood);
  --dim:var(--ink-3);

  /* case tints (chips, graph nodes) */
  --case1:#8a2b22;   /* Ankara Batı — oxblood   */
  --case2:#93741a;   /* Lepiev — gold           */
  --case3:#2f6f6a;   /* Daren Li — teal         */
  --case4:#5a5a8a;   /* Infiniweb — slate-violet */

  /* type */
  --display:"Fraunces","Iowan Old Style",Palatino,Georgia,serif;
  --serif:"Source Serif 4","Iowan Old Style",Palatino,Georgia,serif;
  --ui:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;

  /* scale (1.25) */
  --fs-0:12px;   /* mono cites, captions */
  --fs-1:13.5px; /* UI labels, chips */
  --fs-2:15px;   /* tables, dense lists */
  --fs-3:17px;   /* body serif */
  --fs-4:21px;   /* h3 */
  --fs-5:26px;   /* h2 */
  --fs-6:33px;   /* section display */
  --fs-7:48px;   /* dossier name */
  --fs-8:64px;   /* case masthead */

  --lh-body:1.65;

  /* layout */
  --sidebar-w:248px;
  --drawer-w:460px;
  --measure:72ch;
  --radius:5px;
  --radius-lg:9px;

  --shadow-drawer:-24px 0 60px rgba(33,29,23,.16);
  --shadow-pop:0 18px 50px rgba(33,29,23,.22);
}