/* archive/MLP/assets/theme.css — the MLP house theme, layered over the shared
   assets/lesson.css.

   Why this exists: assets/lesson.css is shared by symlink with the four
   archived courses (DBMS, MLF, MLT, PDSA) and carries their warm palette. That
   stays untouched. This file re-grounds MLP — and any course added alongside
   it — on Nord instead, so the old courses keep their look while new ones
   start on the new one.

   Load order matters: this must come AFTER lesson.css so it wins.

   Palette: Nord. Grounds stay near-black (nord's own nord0 #2E3440 is lighter
   than this vault wants), so nord supplies the foreground. Every text colour is
   measured >= 4.5:1 against --paper; --bad-fg is the one lifted off its stock
   nord value to clear AA. */

:root {
  --ink: #E5E9F0;       /* nord5 — 14.2:1 on paper */
  --ink-soft: #9AA5B4;  /* dimmed nord4 — 6.9:1 */
  --ink-rule: #2e3440;  /* nord0 — hairline/border */
  --accent: #81A1C1;    /* nord9 frost — 6.4:1 */
  --accent-soft: #242a33;
  --paper: #191b1c;
  --warn: #D08770;      /* nord12 orange — 6.1:1 */
  --ok: #A3BE8C;        /* nord14 green — 8.5:1 */
  --bad-fg: #C96B74;    /* nord11 lifted +10 for AA — 4.8:1 */
  --code-bg: #1b1d1e;
  --tint-quiz: #1e2228;
  --tint-ok: #1f2620;
  --tint-bad: #2a1f21;
  --tint-warn: #2b2a26;
}

/* Body text is sans, like every other block on the page. The shared sheet
   sets body to var(--serif) for the warm-palette courses; Nord lessons read
   cleaner with one family, and headings, tables and callouts are already
   --sans, so the prose was the only serif thing left. One override on body
   is enough — everything that wants a different face asks for it. */
body {
  font-family: var(--sans);
}

a {
  color: var(--accent);
  text-underline-offset: 0.15em;
}

/* Code blocks: fill one step above the page ground, thin cool hairline. The
   shared sheet leaves <pre> unframed, so this is where the block gets its
   chrome. */
pre {
  background: var(--code-bg);
  border: 1px solid var(--ink-rule);
  border-radius: 4px;
  padding: 1rem 1.25rem;
  margin: 1.1rem 0 0.5rem;
  overflow-x: visible;
}
pre code {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.86rem;
  line-height: 1.6;
}

/* Mermaid draws into a <pre>; it must stay frameless. */
pre.mermaid {
  background: transparent;
  border: none;
  padding: 0.5rem 0;
  text-align: center;
}