/* ============================================================
   Unsui — デザイントークン（全ページ共通の正本）
   ------------------------------------------------------------
   パレットはアプリ本体の dark テーマ [data-theme="dark"] の写し。
   墨に金箔、金は墨地でのみ発光する、という顔をサイト全体で統一する。

   このファイルだけが色・字・寸法を定義する。unsui.css / legal.css は
   ここで定義した var() を使うだけで、生の色値を書かないこと。
   ============================================================ */

:root {
  /* ── 墨（ink）と金箔（gold）。rgb 成分だけを持ち、透過は使う側で rgb(var(--x) / a) ── */
  --ink-50: 240 235 228;
  --ink-100: 224 216 204;
  --ink-200: 196 185 171;
  --ink-300: 154 142 130;
  --ink-400: 136 126 114;
  --ink-500: 74 66 56;
  --ink-600: 54 48 40;
  --ink-700: 38 34 28;
  --ink-800: 26 23 19;
  --ink-900: 18 16 13;
  --ink-950: 11 10 8;

  --gold-300: 228 201 138;
  --gold-400: 212 180 106;
  --gold-500: 201 168 108;
  --gold-600: 184 149 90;
  --gold-700: 150 120 70;

  /* ── 意味づけ（semantic）。ページはこちらを使う ── */
  --bg: rgb(var(--ink-950));
  --text: rgb(var(--ink-100));       /* 見出し・強調      対 bg 14.0:1 */
  --text-2: rgb(var(--ink-300));     /* 本文              対 bg  6.2:1（WCAG AA） */
  --text-3: rgb(var(--ink-400));     /* 補足・註          対 bg  5.0:1（WCAG AA） */
  --gold: rgb(var(--gold-500));      /* 強調・リンク      対 bg  8.8:1 */

  --line: rgb(var(--ink-200) / .12);      /* 墨の罫（既定） */
  --line-gold: rgb(var(--gold-500) / .26); /* 金の罫（節の区切り） */

  /* ── 字と寸法 ──
     既定は Google Fonts のフル Noto Serif JP（法務ページ用）。
     ランディングは unsui.css が自前サブセットを優先する形で上書きする。 */
  --font: "Noto Serif JP", serif;
  --gutter: clamp(1.5rem, 6vw, 8rem);
  --maxw: 1180px;
  --radius: 2px;
}

/* ── 全ページ共通の下地 ───────────────────────────────────── */
* { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font);
  font-weight: 300;
  font-feature-settings: "palt" 1;
  background: var(--bg);
  color: var(--text);
  line-height: 2;
  letter-spacing: .02em;
}

::selection { background: rgb(var(--gold-500) / .9); color: rgb(var(--ink-950)); }