/* theme.css — デザイントークン（色・タイポグラフィ・スペーシング） */
/* コンセプト: 等身大 — 暖色の紙に、静かな残り火。
   誇張せず、良い面も制約もそのまま伝える。派手さより、あたたかさと誠実さ。
   背景はライトの暖色（生成り）。炎はヒーローで立ちのぼる半透明の残り火として添える。 */

:root {
  color-scheme: light;

  /* カラー — 白基調＋暖色アクセント。白と淡い暖色タイントを交互に使う */
  --color-bg:             #ffffff;   /* 白ベース */
  --color-surface:        #faf4ec;   /* カード等のごく淡い暖色 */
  --color-surface-alt:    #f4e9d9;
  --color-border:         #ece3d6;
  --color-border-strong:  #d8b891;
  --color-tint:           #f8f0e4;   /* 色付きセクションの淡い暖色バンド */
  --color-wash:           #f8f0e4;   /* 後方互換（= tint） */
  --color-ink:            #241812;
  --color-paper:          #ffffff;
  --color-text:           #40332a;
  --color-text-secondary: #6e5c4d;
  --color-muted:          #998775;
  --color-heading:        #20140d;

  /* カラー — アクセント（残り火・炎系。ここぞの場所だけに使う） */
  --color-link:           #bb4a1e;
  --color-accent:         #cf4a1a;
  --color-accent-hover:   #a5380f;
  --color-accent-soft:    #fbe4d2;
  --color-accent-fg:      #fffaf3;
  --color-accent-ring:    rgba(194, 77, 28, 0.25);
  /* 深い熾火から琥珀へ抜ける、暖色のブランドグラデーション */
  --color-accent-deep:    #96280c;
  --color-accent-mid:     #d1521f;
  --color-accent-aqua:    #e69126;   /* 名残でaquaだが、いまは琥珀（アンバー） */
  --color-accent-readable-mid: #b8431a;
  --color-accent-readable-aqua: #b96c12;
  --gradient-brand-heading: linear-gradient(135deg, var(--color-accent-deep) 0%, var(--color-accent-mid) 55%, var(--color-accent-aqua) 100%);
  --gradient-brand-readable: linear-gradient(135deg, var(--color-accent-deep) 0%, var(--color-accent-readable-mid) 55%, var(--color-accent-readable-aqua) 100%);

  /* カラー — ステータス（ドット表示用・彩度を抑える） */
  --color-status-published: #5a7d3a;
  --color-status-wip:       #b3792b;
  --color-status-private:   #8a7361;

  /* タイポグラフィ */
  /* 本文・UIはゴシック、大見出しは明朝で人肌のある誠実さを出す */
  --font-body:    'Noto Sans JP', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic Medium', 'Yu Gothic', Meiryo, sans-serif;
  --font-brand:   'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', YuMincho, 'Noto Serif JP', serif;
  --font-serif-jp:'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', YuMincho, 'Noto Serif JP', serif;
  --font-heading: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-title:   'Fraunces', 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
  --font-accent-italic: 'Playfair Display', 'Fraunces', serif;
  --font-mono:    ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Roboto Mono', Menlo, monospace;

  /* フォントサイズ */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   4rem;
  --text-display: clamp(4rem, 10vw, 8.5rem);

  /* フォントウェイト */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold:   700;

  /* ラインハイト */
  --leading-tight:   1.3;
  --leading-normal:  1.75;
  --leading-relaxed: 1.95;

  /* レタースペーシング */
  --tracking-wide:  0.08em;
  --tracking-wider: 0.16em;

  /* スペーシング */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ボーダー半径（控えめに統一） */
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 6px;

  /* シャドウ（暖色のやわらかい影） */
  --shadow-sm: 0 1px 2px rgba(43, 28, 18, 0.06);
  --shadow-md: 0 10px 30px rgba(43, 28, 18, 0.09);

  /* モーション */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* レイアウト */
  --container-max:  1120px;
  --header-height:  60px;
  --footer-height:  64px;
}