/* ==========================================================================
   きかせて — design tokens
   Codified before build. Every page consumes these variables only;
   no raw hex, px-size, or font-family literals may appear in page CSS.
   Derived from the telescope.fyi teardown (design-run/bar.md), adapted
   to a Japanese memory-journal brand.
   ========================================================================== */

:root {
  /* ---- surfaces ------------------------------------------------------- */
  --paper:   #f4f2ed;  /* warm bone canvas — the page ground, never #fff   */
  --ink:     #211d17;  /* warm near-black — all text                       */
  --ash:     #8a857b;  /* warm gray — meta, labels, and one-line secondary
                          support text only; never multi-sentence body copy.
                          Exception (rationed like the accent): at most ONE
                          tonal-gradation moment per page may set display
                          text in ash (the 縦書き manifesto's middle columns). */
  --white:   #ffffff;  /* nav bar + data-card islands only                 */
  --line:    #d9d5cc;  /* hairline rules on paper                          */

  /* ---- the one accent (kaki / persimmon) ------------------------------ */
  /* Rationed: primary-CTA fills + at most one decorative moment per page. */
  --kaki:        #e0632f;
  --kaki-ink:    #211d17;  /* text color on kaki fills                     */

  /* ---- type families --------------------------------------------------- */
  /* Shippori Mincho B1: display + body. DM Mono: latin/numeric labels.    */
  /* Noto Sans JP: JP-text UI labels only (≤12px). Klee One: handwriting   */
  /* accent — rationed like the accent color (quoted answers only).        */
  --font-min:  "Shippori Mincho B1", "Shippori Mincho", "Hiragino Mincho ProN", serif;
  --font-mono: "DM Mono", "Courier New", monospace;
  --font-ui:   "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-hand: "Klee One", "Shippori Mincho", cursive;

  /* ---- type scale (hierarchy by size, never weight) -------------------- */
  --text-display: clamp(2.375rem, 1.1rem + 4.4vw, 3.625rem); /* 38→58px    */
  --text-sub:     clamp(1.625rem, 1.2rem + 1.5vw, 2.1875rem); /* 26→35px   */
  --text-lead:    1.25rem;   /* 20px — standfirst paragraphs               */
  --text-body:    1.0625rem; /* 17px — JP body                             */
  --text-label:   0.75rem;   /* 12px — mono + UI labels                    */

  --leading-display: 1.22;   /* JP display (latin display may go 1.1)      */
  --leading-sub:     1.4;
  --leading-body:    1.9;    /* JP body ≥1.7                               */
  --leading-label:   1.1;

  --track-display: 0.01em;   /* mincho display breathes slightly           */
  --track-label:   0.03em;   /* mono all-caps labels                       */
  --track-ui:      0.08em;   /* JP UI labels (近日発売 etc.)                */

  --w-regular: 400;
  --w-medium:  500;          /* display only, only if 400 is too light     */

  /* ---- shape ----------------------------------------------------------- */
  --radius: 2px;             /* everything except perfect circles          */
  /* shadows: none. There is no shadow token on purpose.                   */

  /* ---- spacing ---------------------------------------------------------- */
  --gap-inline-xs: 6px;
  --gap-inline:    10px;
  --gap-stack:     24px;
  --gap-block:     56px;
  --gap-section:   clamp(88px, 10vw, 160px); /* 390px→88, 810px→88, 1440px→144 */

  /* ---- layout ----------------------------------------------------------- */
  --container:      1200px;
  --container-text: 680px;
  --gutter:         clamp(20px, 4vw, 48px);

  /* ---- per-edition variable (THE one controlled variable) --------------- */
  /* A muted traditional tint used ONLY for book-cover cloth and the thin   */
  /* chapter rule on an edition page. Set per page via [data-edition].      */
  --edition-tint: #46536b;   /* default: 父さん (kon — dark navy cloth)     */
}

[data-edition="tousan"]   { --edition-tint: #46536b; } /* 紺 — father      */
[data-edition="kaasan"]   { --edition-tint: #9a5a50; } /* 蘇芳 — mother    */
[data-edition="obaachan"] { --edition-tint: #7c7a4f; } /* 老竹 — grandma   */
[data-edition="ojiichan"] { --edition-tint: #6e5f4b; } /* 煤竹 — grandpa   */