/* Design tokens: Scandinavian restraint, Japanese use of empty space (ma). */
:root {
  --paper: #f2f3f0;      /* birch, cool */
  --paper-deep: #e7e9e4;
  --ink: #1e2428;        /* blue-black */
  --ink-soft: #55605f;
  --mist: #cfd5cf;
  --ai: #2e4a6b;         /* indigo (ai-iro), the only accent */
  --pine: #5e7a6a;
  --hanko: #c2453a;      /* used once: the S.I. mark */

  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Noto Serif", Georgia, serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", system-ui, sans-serif;

  --step--1: clamp(.82rem, .8rem + .1vw, .9rem);
  --step-0: clamp(1rem, .96rem + .2vw, 1.1rem);
  --step-1: clamp(1.3rem, 1.15rem + .7vw, 1.7rem);
  --step-3: clamp(2.2rem, 1.6rem + 2.8vw, 4rem);
  --ma: clamp(4rem, 3rem + 6vw, 9rem);   /* generous vertical space */
  --radius: 2px;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #171c1f; --paper-deep: #1e2529; --ink: #e9ece8; --ink-soft: #98a4a1; --mist: #2d363a; --ai: #8fb0d6; --pine: #8fb09d; }
}