/* ============================================================================
   このサイトの色。⭐ **名前は GunjoUI、値はこのサイトの色**（2026-09-12）。
   ⛔ 取り込んだ assets/gunjo-tokens.css は触らない。上書きはここでする。
   ⚠️ 読み込む順は gunjo-tokens.css / gunjo-patterns.css の**あと**。

   ⭐ **index.html と iss/index.html が共有します**（2026-09-13 に切り出した）。
   ⛔ どちらかの <style> に書き戻さないこと＝2つに分かれると必ずずれます。
   ============================================================================ */
  /* ⭐ 骨格は GunjoUI。**名前は GUNJO、値はこのサイトの色**（2026-09-12）。
     値は H S% L% の三つ組で書き、hsl(var(--名前)) で使う（GUNJO の規約）。
     ⛔ 取り込んだ assets/gunjo-tokens.css は触らない。上書きはここだけでする */
  :root{
    --background: 240 20% 6%;         /* 夜の地 #0C0C12 */
    --foreground: 0 0% 100%;          /* ⚠️ 黒地の上の文字は白のまま（上の注意） */
    --card: 37.5 25% 93.7%;           /* 黒に浮かぶ紙の面 #F3F0EB。⚠️ 小数まで書かないと1階調ずれる */
    --card-foreground: 265.7 17.1% 8%;/* 墨 #141118 */
    --popover: 253.1 35.1% 15.1%;     /* 黒から浮かせたい面 #1F1934（足元の帯） */
    --popover-foreground: 0 0% 100%;
    /* 主たる操作（釦）は墨。⚠️ gj-btn--primary は --primary-strong を見るので、そちらにも同じ値を入れる */
    --primary: 265.7 17.1% 8%;        /* 墨 #141118 */
    --primary-foreground: 37.5 25% 93.7%;
    --primary-strong: 265.7 17.1% 8%;
    --primary-strong-foreground: 37.5 25% 93.7%;
    --accent: 253.7 33.7% 40.8%;      /* 英字の小見出しの紫 #55458B。⚠️ 紙の上でだけ使う */
    --accent-foreground: 37.5 25% 93.7%;
    --muted: 37.5 20% 90%;            /* 紙の上で、枠線だけの釦に触れたときの淡い地 */
    --muted-foreground: 265.7 8% 34.5%;/* 薄墨 #57515F */
    --border: 30 7% 83.5%;            /* 紙の上の細い線（旧 rgba(20,17,24,.12) を紙に重ねた実色） */
    --ring: 265.7 17.1% 8%;
    /* 古い名前は別名として残す。節ごとに hsl(var(--…)) と gj- クラスへ置き換えていく */
    --night: hsl(var(--background)); --paper: hsl(var(--card)); --indigo: hsl(var(--accent));
    --deep: hsl(var(--popover)); --ink: hsl(var(--card-foreground)); --ink-dim: hsl(var(--muted-foreground));
    --line: hsl(var(--border));
    --sans: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
    --en: "Helvetica Neue", Arial, sans-serif;
  }