/* ============================================================
   nokaji デザインシステム — 共有 canonical トークン  v1.0.2
   ------------------------------------------------------------
   Astro 本体 + 独立 PWA(moshi / warmup) + トップ(public/index.html) が
   共通参照する唯一の真実。

   v1.0.2 変更: ブランド色を 藍 → 朱/forge(ember) に確定（CEO 6/13 採択 "B"）。
     根拠 = nokaji トップ(public/index.html)が既に「和紙 + 墨 + 朱」の鍛冶
     identity で完成済み。野鍛冶=炉で鉄を打つ→朱/炎が最も literal。
     ⇒ トップの既存パレットを canonical に採用し全 surface へ統一（色合い統一）。

   設計思想（reference: Reports/Sidehustle/nokaji_design_system_v0.1_20260613.md §0.5）
   = 機能美は「引き算 + 精度」。ただし ⚠️ warm-functional（CEO「削りすぎ注意」）。
     朱×墨×和紙は鍛冶=用の美の温かい配色。

   ⚠️ 機能アプリ(模試/ドリル)の主ボタンは **--nk-ink(墨)** を使う。
     朱(--nk-accent)は「誤答=赤 / 警告=琥珀」と色相が近いので、test 文脈では
     朱を **アクセント限定**（ブランドマーク・リンク・開始/次の一歩 CTA）にして
     主ボタン=墨で意味色と分離する。マーケ/トップは朱 CTA で可（feedback 色が無いため）。

   ⚠️ ファイル名バージョン化 = SW / nginx(WEXAL) cache 事故の予防（教訓 6/12）。
     色や値を変えたら -1.0.3.css 等にリネームして参照側も差し替える。
   ============================================================ */

:root {
  /* ── 基底：warm 和紙ペーパー + 墨（トップと同値）── */
  --nk-paper:        #faf7f2;   /* 基底背景・和紙の温白 */
  --nk-paper-2:      #f1eade;   /* 一段沈めた面（strip / table th） */
  --nk-ink:          #2b2926;   /* 主テキスト・見出し・機能アプリ主ボタン（墨） */
  --nk-ink-2:        #5c554d;   /* 副テキスト */
  --nk-mute:         #8a8073;   /* 補助・キャプション */
  --nk-line:         #e4ddd2;   /* 罫線・カード境界（warm hairline） */
  --nk-line-strong:  #d6ccbb;   /* 濃いめ区切り（稀） */

  /* ── ブランドアクセント = 朱/forge(ember) ※セマンティック命名 --nk-accent ──
        マーケ=CTA可 / 機能アプリ=アクセント限定（主ボタンは墨）── */
  --nk-accent:       #b4502a;   /* 朱 primary：ブランドマーク / リンク / 開始CTA / 強調 */
  --nk-accent-deep:  #8f3c1f;   /* 深い朱：pressed / 本文リンク */
  --nk-accent-soft:  #d97742;   /* 朱 soft：hover halo / 明るい差し色 */
  --nk-accent-wash:  rgba(180,80,42,0.08); /* 淡い面・ハイライト */

  /* ── 機能色：意味を持つ色（装飾でない・ブランド色と独立・削らない）── */
  --nk-ok:           #2f7d5a;   /* 正解（緑） */
  --nk-danger:       #c0392b;   /* 誤答・エラー（赤） */
  --nk-warn:         #b7791f;   /* ペース警告（琥珀） */

  /* ── 副アクセント：稀なデータ可視化のみ（本文 / CTA に使わない）── */
  --nk-cyan:         #357a8d;
  --nk-violet:       #6f6594;

  /* ── タイポ（デジタル庁公式準拠：本文 Noto Sans JP / 行高 1.6+）── */
  --nk-font-display: 'Zen Kaku Gothic New','Noto Sans JP',system-ui,-apple-system,sans-serif; /* 見出し */
  --nk-font-body:    'Noto Sans JP','游ゴシック体','Yu Gothic','Hiragino Sans',system-ui,-apple-system,sans-serif; /* 本文 */
  --nk-font-mono:    'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,monospace; /* 数字・クロック */
  --nk-leading-body:  1.85;
  --nk-leading-tight: 1.3;
  --nk-tracking-tight: -0.02em;

  /* ── 余白：潤沢に（Stripe 原理）── */
  --nk-space-1:  4px;  --nk-space-2:  8px;  --nk-space-3: 12px; --nk-space-4: 16px;
  --nk-space-5: 20px;  --nk-space-6: 24px;  --nk-space-8: 32px; --nk-space-10:40px;
  --nk-space-12:48px;  --nk-space-16:64px;  --nk-space-20:80px;

  /* ── 角丸：適度な丸み = warmth ── */
  --nk-radius-sm:   8px;
  --nk-radius-md:  12px;
  --nk-radius-lg:  16px;
  --nk-radius-xl:  24px;
  --nk-radius-pill:9999px;

  /* ── 影：ほぼフラット（盛らない）── */
  --nk-shadow-card: 0 1px 0 rgba(43,41,38,.02);
  --nk-shadow-pop:  0 8px 24px -12px rgba(43,41,38,.16);

  /* ── モーション：やさしい ── */
  --nk-ease:       cubic-bezier(.2,.7,.2,1);
  --nk-dur-quick:  150ms;
  --nk-dur-base:   220ms;

  /* ── タップ最小：機能アプリの death-line（WCAG）── */
  --nk-tap-min:    44px;
}