/* KYABEL SITE 64 — tokens.css
   テーマ：Tailored Sidebar／「明るい生地見本帳とキャメル」昼のアトリエ。
   配色 = design-plan-v5 B5 SITE 64（チャコール/トープ/オフホワイト/ブラック/キャメル）。
   コントラストは design-guide.md 4.5:1 を満たす値に調整済み。 */
:root {
  /* --- 生地の色 --- */
  --off:      #f2efe8;   /* オフホワイト（地） */
  --off-2:    #e9e3d6;   /* 生地の陰 */
  --off-3:    #ded5c3;
  --char:     #33322f;   /* チャコール */
  --ink:      #191816;   /* ブラック（本文） */
  --taupe:    #8a7d6d;   /* トープ（補助） */
  --taupe-d:  #6f6353;   /* 濃いトープ（4.5:1 用テキスト） */
  --camel:    #b3854e;   /* キャメル（アクセント） */
  --camel-d:  #8f6636;   /* 濃キャメル（テキスト用・対 off で 4.5:1+） */
  --camel-hi: #c99a5e;

  /* --- 役割 --- */
  --bg:        var(--off);
  --panel:     #faf8f2;    /* カード地（やや明るい） */
  --panel-2:   #f6f2e9;
  --text:      var(--ink);
  --text-sub:  var(--taupe-d);
  --line:      #d8cfbe;    /* 罫線（生地の縫い目） */
  --line-soft: #e4dccc;
  --accent:    var(--camel);
  --accent-tx: var(--camel-d);
  --focus:     #8f6636;
  --on-camel:  #fbf7ef;    /* キャメル面上の文字 */

  /* --- タイポ --- */
  --f-display: "Ibarra Real Nova", "Noto Serif JP", Georgia, serif;
  --f-body:    "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:    "IBM Plex Mono", "Space Mono", ui-monospace, "Courier New", monospace;

  /* --- 余白・寸法 --- */
  --rail-l: 260px;
  --rail-r: 288px;
  --center-max: 760px;
  --gap: 28px;
  --pad: 20px;
  --radius: 3px;
  --radius-lg: 6px;
  --shadow-sm: 0 1px 2px rgba(51,50,47,.06), 0 8px 24px rgba(51,50,47,.05);
  --shadow-md: 0 8px 30px rgba(51,50,47,.12);
  --cta-h: 62px;   /* モバイル固定CTA高さ（本文回避余白に使用） */
  --topbar-h: 60px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}