/* =========================================================
   ONDÎNE — Page entrypoint.
   Reset + token import + component import + page layout.
   ========================================================= */

/* ?v= is a cache buster: vercel.json caches /styles/* and /scripts/*
   for an hour, so without it a returning visitor can end up running new
   CSS against old JS (or vice versa). Bump on every asset change. */
@import "./tokens.css?v=20260826i";
@import "./components.css?v=20260826i";

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { display: block; max-width: 100%; }
a   { color: inherit; text-decoration: none; }
p   { margin: 0; }

/* ---------- Page surface ---------- */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  background: var(--c-ink);
  color: var(--c-paper);
  font-family: var(--ff-serif);
  font-weight: var(--fw-regular);
  font-size: var(--fz-body);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------- Corner anchors ----------
   The whole layout: three pieces of text/imagery pinned
   to the page margins, plus one centered asset.          */
.corner {
  position: fixed;
  z-index: 10;
}
.corner--tl { top:    var(--margin); left:  var(--margin); }
.corner--tr { top:    var(--margin); right: var(--margin); }
.corner--bl { bottom: var(--margin); left:  var(--margin); }
.corner--br { bottom: var(--margin); right: var(--margin); }