/* privacy.css - the Operations Desk privacy page (order DL [via Engineer 2026-09-26]).
   The front page's font and paper colours (style.css), readable text instead of a canvas. */

@font-face {
  font-family: "PlexMono";
  src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f9f3e9;
  --fg: #33402c;
  --muted: rgba(51, 64, 44, 0.65);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #031512;
    --fg: #cdd8bf;
    --muted: rgba(205, 216, 191, 0.65);
  }
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: "PlexMono", monospace;
  font-size: 15px;
  line-height: 1.6;
}

main {
  max-width: 40rem;
  margin: 0 auto;
  padding: 3rem 1.25rem 4rem;
}

h1 { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.01em; }
h2 { font-size: 1rem; font-weight: 400; margin: 2rem 0 0.5rem; text-decoration: underline; text-underline-offset: 0.3em; }
p, ul { margin: 0.5rem 0; }
ul { padding-left: 1.25rem; }
li { margin: 0.3rem 0; }
b { font-weight: 400; background: rgba(127, 127, 100, 0.15); padding: 0 0.2em; }
.dated { color: var(--muted); font-size: 0.85rem; }