:root{
/* ── Ground ─────────────────────────────── */
--paper:#F7F7F5;
--ink:#0E0E0D;
--grey:#84847E;

/* ── On the ink ground ──────────────────── */
--dark-body:#DCDBD7;
--dark-meta:#9A9A94;

/* ── Structure ──────────────────────────── */
--hairline:rgba(14,14,13,0.18);
--hairline-dark:rgba(247,247,245,0.20);
--track:#E9E8E4;

/* ── The dune plate (once or twice per document) ── */
--dune-1:#CFE0E4;
--dune-2:#F0D9CE;
--dune-3:#F6DED6;
--dune-4:#E8E6EE;
--dune:linear-gradient(178deg,#CFE0E4 0%,#F0D9CE 38%,#F6DED6 58%,#E8E6EE 100%); /* @kind color */

/* ── Semantic aliases ───────────────────── */
--surface:var(--paper);
--surface-inverse:var(--ink);
--text-display:var(--ink);
--text-body:var(--ink);
--text-secondary:var(--grey);
--text-chrome:var(--grey);
--rule:var(--hairline);
}

/* Inverse scope — apply .on-ink to any dark ground */
.on-ink{
--surface:var(--ink);
--text-display:var(--paper);
--text-body:var(--dark-body);
--text-secondary:var(--dark-meta);
--text-chrome:var(--dark-meta);
--rule:var(--hairline-dark);
}