@charset "UTF-8";
/* ==========================================================================
   00-tokens.css — 確定トークン(44変数)
   正本: oyamamori/design/oyamamori-tokens.css(:root 44宣言・prefix = --oym-)
   値は1文字も変えていない。宣言の順序も正本のまま。
   SP の上書き(--oym-fs-h1/h2/h3/body)は 70-responsive.css §1 にある。
   ========================================================================== */

:root{
  /* 色 — 生成り × 胡桃茶 × 錆浅葱 */
  --oym-paper:#F6F1E7; --oym-surface:#FFFDF8; --oym-surface-alt:#FAF5EA;
  --oym-band:#EFE7D8; --oym-step-2:#FBF6EC; --oym-step-3:#F2EADC;
  --oym-line:#E2D8C4; --oym-line-soft:#EFE7DC; --oym-check:#B3A899;
  --oym-ink:#2A241D; --oym-ink-2:#5A4F42; --oym-ink-3:#6E6354;
  --oym-walnut:#6B4A32; --oym-walnut-dark:#503626; --oym-walnut-soft:#E8DCCB; --oym-walnut-line:#C7B49A;
  --oym-teal:#2E6B72; --oym-teal-soft:#E1EDEE; --oym-teal-line:#C6DCDE;
  --oym-umber:#7A5A3C;
  --oym-footer-bg:#2F2519; --oym-footer-ink:#EDE4D6; --oym-footer-ink-2:#B3A899;

  /* 文字 */
  --oym-font:"Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic",Meiryo,system-ui,sans-serif;
  --oym-fs-h1:32px; --oym-fs-h2:21px; --oym-fs-h3:17px;
  --oym-fs-body:16px; --oym-fs-small:13px; --oym-fs-xs:12px; --oym-fs-2xs:11px;
  --oym-lh-body:2.0; --oym-lh-head:1.5;

  /* 余白（1.6倍の等比）・形 */
  --oym-sp-1:6px; --oym-sp-2:12px; --oym-sp-3:20px; --oym-sp-4:32px;
  --oym-sp-5:52px; --oym-sp-6:84px;
  --oym-r:12px; --oym-r-sm:8px; --oym-r-pill:999px;
  --oym-w-content:720px; --oym-w-wide:1120px;
}

/* --------------------------------------------------------------------------
   トークン外のキャンバス実測色(トークン集に無いがキャンバスに実在する値)
   ここに閉じ込めて、由来を追えるようにしておく。
   -------------------------------------------------------------------------- */
:root{
  --oym-footer-rule:#48392A;   /* フッター区切り線(canvas L361 / L478) */
  --oym-footer-mark:#B08E63;   /* フッターのロゴマーク地(canvas L347 / L472) */
  --oym-tag-dashed:#D8C9AE;    /* 「準備中」タグの破線(canvas L1204) */
}

/* Xwrite 側の色トークンを同値化しておく(親のUI部品が生で出たときの保険) */
:root{
  --xw-key-color:var(--oym-walnut);
  --xw-txt-color:var(--oym-ink);
  --xw-link-color:var(--oym-walnut);
}