/* =========================================================================
   GDOCK 第1層：デザイントークン（SWELL子テーマ用）
   色・幅・角丸の唯一の出所。ここだけはグローバルに効かせる。
   ※ リセット/body/header/footer は SWELL に任せるため移植しない。
   ========================================================================= */

:root{
  /* --- ink（文字・面の濃淡 4段） --- */
  --ink:#14151a;      /* 見出し・本文の基準 */
  --ink-2:#3a3c44;    /* サブ本文・リード */
  --ink-3:#6a6d78;    /* キャプション・メタ・パンくず */
  --ink-4:#9a9ca4;    /* 最も淡い補助 */

  /* --- 面・線 --- */
  --paper:#ffffff;
  --mist:#f6f5f3;
  --mist-2:#efeeeb;
  --line:#e4e3df;
  --line-2:#eeede9;

  /* --- ブランド（オレンジ系） --- */
  --brand-a:#ff7a18;
  --brand-b:#ff5a1f;
  --brand-c:#ffab2e;
  --accent:#ff6a13;
  --grad:linear-gradient(135deg,#ffab2e 0%,#ff6a13 45%,#ff4d1f 100%);
  --accent-on-dark:#ffb877;

  /* --- レイアウト幅 --- */
  --maxw:1240px;
  --wide:1000px;
  --readw:700px;      /* 本文リード幅：全角42〜44字 */
  --pad:clamp(20px,5vw,72px);

  /* --- 角丸スケール（正規化 v1.1 確定） --- */
  --r-chip:2px;       /* ボタン・チップ・バッジ・タグ */
  --r-card:8px;       /* カード・画像フレーム標準 */
  --r-lg:12px;        /* 大きめカード・読み物ブロック */
  --r-icon:16px;      /* アイコンタイル（4ステップ .fic 等の小物） */
  --r-pill:999px;
}