/* ============================================================
   MIRAI Design System — theme: Zeirishi Study (税理士スタディ)
   StudyIng 型の税理士試験特化・学習ポータル。
   アーケード版 zeirishi.css（神羅菫×ネオン）とは別系統＝
   「本格・信頼・受かる」を出す light-first / 編集的トーン。

   配色: 和紙 paper × 藍鉄 navy（支配色・構造/CTA）
         × 金茶 gold（唯一の暖アクセント＝達成/スコア/合格）
   役割: correct=松葉緑 / wrong=朱赤 / free=緑 / pro=藍
   Type: Zen Old Mincho(JP display) × Fraunces(Latin/figures)
       × IBM Plex Mono(data labels) × Zen Kaku Gothic New(body)
   base.css の後に読み込み、トークン契約を上書きする。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,500&family=IBM+Plex+Mono:wght@400;500&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Old+Mincho:wght@600;700;900&display=swap');

/* light-first (washi paper) */
:root,
[data-theme="light"]{
  --ds-bg:#f7f5ee;            --ds-surface:#fffdf8;
  --ds-text:#13171f;          --ds-text-dim:rgba(19,23,31,.58);
  --ds-line:#ddd8cc;          --ds-line-soft:rgba(19,23,31,.06);
  --ds-accent:#16465e;        --ds-accent-ink:#f7f5ee;  --ds-flag:#b07320;

  /* role-extension tokens (theme-local) */
  --zs-navy:#16465e;          --zs-navy-deep:#0d2f41;
  --zs-gold:#b07320;          --zs-gold-soft:#e8c879;
  --zs-correct:#1f7a55;       --zs-correct-bg:#e6f1ea;
  --zs-wrong:#bb3b2c;         --zs-wrong-bg:#f6e6e3;
  --zs-free:#1f7a55;          --zs-pro:#16465e;
  --zs-paper:#f7f5ee;         --zs-ink:#13171f;

  --ds-font-display:'Zen Old Mincho',serif;
  --ds-font-display-en:'Fraunces',serif;
  --ds-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ds-font-body:'Zen Kaku Gothic New',system-ui,sans-serif;

  --ds-radius:8px;
}

/* dark variant (将来のダーク/印刷用・同じ藍金シグナルを持ち上げる) */
[data-theme="dark"]{
  --ds-bg:#0d1219;            --ds-surface:#141b25;
  --ds-text:#eaf0f4;          --ds-text-dim:rgba(234,240,244,.58);
  --ds-line:#2c3a46;          --ds-line-soft:rgba(234,240,244,.07);
  --ds-accent:#5aa6c4;        --ds-accent-ink:#0d1219;  --ds-flag:#e0b25a;

  --zs-navy:#5aa6c4;          --zs-navy-deep:#0a2230;
  --zs-gold:#e0b25a;          --zs-gold-soft:#caa24f;
  --zs-correct:#5fc795;       --zs-correct-bg:rgba(95,199,149,.12);
  --zs-wrong:#e07a6c;         --zs-wrong-bg:rgba(224,122,108,.12);
  --zs-free:#5fc795;          --zs-pro:#5aa6c4;
}

/* anti-AI-tells: glow/gradient を中和（light-first の編集トーンを守る） */
.ds-glow,
.ds-glow::before,
.ds-glow::after{ background-image:none !important; box-shadow:none !important; filter:none !important; }

/* --- theme-local: light-first 用にカードの影を紙質に寄せる --- */
[data-theme="light"] .ds-card,
:root .ds-card{
  box-shadow:0 1px 0 var(--ds-line), 0 18px 40px -28px rgba(13,47,65,.28);
}

/* kicker の前線を金茶に（編集的な記名） */
.ds-kicker{color:var(--zs-gold)}
.ds-kicker::before{background:var(--zs-gold)}