/* ============================================================
   PARCOURS · Design tokens
   Lifted verbatim from Le Conjugueur so every screen reads as
   though designed the same day, by the same hand.
   ============================================================ */
:root{
  /* ── Palette ───────────────────────────── */
  --cream:#f5efe4;
  --cream-2:#ede4d3;
  --paper:#fbf7ef;
  --ink:#1a1f2e;
  --ink-soft:#2d3447;
  --burgundy:#8b2331;
  --burgundy-deep:#6b1824;
  --gold:#c89b4a;
  --gold-soft:#e6c896;
  --olive:#5a6b3f;
  --rose:#d4a5a5;
  --green:#3e7a4f;
  --amber:#b8860b;
  --red:#a83232;
  --line:rgba(26,31,46,.12);
  --line-strong:rgba(26,31,46,.25);

  /* ── Type families ─────────────────────── */
  --serif-display:'Playfair Display','Cormorant Garamond',serif; /* headlines */
  --serif-lit:'Cormorant Garamond',serif;                        /* literary: titles, body accents */
  --sans:'Inter',sans-serif;                                     /* UI + reading body */
  --mono:'JetBrains Mono',monospace;                             /* datelines, labels, kickers */
  --blackletter:'UnifrakturMaguntia',serif;                      /* masthead brand */

  /* ── CEFR level accents (editorial, drawn from the same family) ── */
  --lvl-A1:#5b9438;  /* sage green   — first steps   */
  --lvl-A2:#5d8fbe;  /* slate blue   — settling in   */
  --lvl-B1:#c89018;  /* gold         — the heart     */
  --lvl-B2:#b85c2e;  /* terracotta   — the approach  */
  --lvl-C1:#8b2331;  /* burgundy     — command       */

  /* ── Rhythm ────────────────────────────── */
  --shell-max:1040px;
  --read-measure:38rem;     /* comfortable reading column */
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:24px;

  /* iPhone safe areas (PWA standalone) */
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --tabbar-h:64px;
}