/* Hallmark · tokens · theme: Hum
 * paper band: light (L 97%, 洋梨の黄へ寄せたクリーム) · display style: rounded-sans
 * accent hue: multi（洋梨95 / 空色235 / 珊瑚18 の3色。混ぜない・面ごとに1色）
 *
 * ロゴとアイコン一式は #FAFAF8 の地に #1C1917 の紋。
 * この地（#F7F5EC）と ΔE 0.018 で、9媒体のアバターと揃う。
 */

:root{

  /* ── Colour ─ OKLCH のみ。純黒・純白は使わない ── */
  --color-paper:   oklch(97% 0.012  95);   /* クリーム */
  --color-paper-2: oklch(94% 0.016  95);   /* 面 */
  --color-paper-3: oklch(91% 0.020  95);   /* hover */
  --color-ink:     oklch(20% 0.012 250);
  --color-neutral: oklch(46% 0.014 250);

  /* 差し色は3つ。それぞれが自分の面を持つ。グラデーションで混ぜない */
  --color-pear:  oklch(86% 0.180  95);   /* 主 ─ ピル・蛍光帯 */
  --color-cyan:  oklch(66% 0.180 235);   /* リンク */
  --color-coral: oklch(68% 0.240  18);   /* 1ページに1度の山場 */

  /* 文字に使う一段暗い変種。上の3色は面のための値で、
     そのまま小さい文字に使うと 4.5:1 を割る */
  --color-cyan-t:  oklch(46% 0.140 235);
  --color-coral-t: oklch(50% 0.190  18);

  /* ── Type ── */
  --font-body:"Plus Jakarta Sans","Hiragino Sans","Yu Gothic UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular","Consolas",monospace;

  --text-xs:   12px;
  --text-sm:   13.5px;
  --text-base: 16px;
  --text-lg:   19px;

  /* 日本語は 32〜36 字で折り返す。図はそれより広く取る */
  --measure-text: 32em;
  --measure-doc:  36em;   /* 読ませるページ用。日本語の可読域の上限側 */
  --measure-wide: 54rem;

  /* ── Space ─ 4pt scale ── */
  --space-3xs: 4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  48px;
  --space-2xl: 72px;
  --space-3xl: 104px;

  /* ── Radius ── */
  --r-md:   16px;
  --r-lg:   22px;
  --r-pill: 999px;

  /* ── Motion ── */
  --dur-fast: 160ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
}