/* Hallmark · macrostructure: Long Document · tone: 和風エディトリアル（煹らない・学問性）
 * theme: studied-DNA (source: https://shindan.kosazukari.com/) — 配色は青系統の穏やかなパレットへ調整（2026-07-03）
 * paper oklch(98.5% 0.005 240) · ink oklch(27% 0.03 260) · accent-soft oklch(78% 0.045 235) · accent oklch(45% 0.09 250)
 * display: Zen Old Mincho · body: Noto Serif JP · ui: Noto Sans JP
 * nav: N1b three-section · footer: Ft5 statement · enrichment: Tier A CSS art (縦書き+落款印)
 * studied: yes · DNA-source: url · rhythm: unknown (URL mode)
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 */

:root {
  /* 色 — 藍・浅葱を基調にした穏やかな青系 */
  --color-paper:        oklch(98.5% 0.005 240);  /* 青白の紙 */
  --color-paper-2:      oklch(96.8% 0.008 238);  /* 一段沈んだ青白 */
  --color-paper-3:      oklch(94.5% 0.012 238);  /* 罫線・区切り面 */
  --color-ink:          oklch(27%  0.03  260);   /* 藍墨 */
  --color-ink-soft:     oklch(42%  0.03  255);   /* 本文用のやわらかい藍鼠 */
  --color-accent-soft:  oklch(78%  0.045 235);   /* 浅葱 — 罫線・装飾専用（本文には使わない） */
  --color-accent-deep:  oklch(46%  0.06  245);   /* 小さなラベル用の深い青 */
  --color-accent:       oklch(45%  0.09  250);   /* 藍 — CTAと落款のみ */
  --color-accent-hover: oklch(39%  0.09  250);   /* 藍 hover */
  --color-white:        oklch(100% 0 0);
  --color-focus:        oklch(45%  0.09  250);

  /* 書体 */
  --font-display: "Zen Old Mincho", "Noto Serif JP", serif;
  --font-body:    "Noto Serif JP", serif;
  --font-ui:      "Noto Sans JP", sans-serif;

  /* 文字サイズ */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-display-s: clamp(1.75rem, 4.5vw, 2.75rem);
  --text-display:   clamp(2rem, 5.5vw, 3.25rem);

  /* 余白 — 4pt スケール */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  /* 罫線・角丸 */
  --rule-hair: 1px solid oklch(78% 0.045 235 / 0.6);
  --rule-ink:  1px solid oklch(27% 0.03 260 / 0.16);
  --radius-sm: 4px;
  --radius-md: 8px;

  /* モーション */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-md:   360ms;
  --dur-slow: 640ms;
}