/* ============================================================================
   紹介サイトの色。⭐ **名前は GUNJO、値はこのサイトの色**。
   ⛔ 取り込んだ assets/gunjo-tokens.css は触らない。上書きはここでする。
   ⚠️ 読み込む順は gunjo-tokens.css / gunjo-patterns.css の**あと**。
   ⭐ index.html・privacy.html・s/index.html が共有する。⛔ どれかの <style> に書き戻さない。
   ============================================================================ */
  :root{
    --background: 222 41% 7%;         /* 夜の地 */
    --foreground: 0 0% 100%;          /* ⚠️ 黒地の上の文字は白のまま */
    --card: 37.5 25% 93.7%;           /* 黒に浮かぶ紙の面 */
    --card-foreground: 222 38% 12%;   /* 墨 */
    --popover: 222 36% 14%;           /* 黒から浮かせたい面（足元の帯） */
    --popover-foreground: 0 0% 100%;
    --primary: 222 38% 12%;           /* 主たる操作（釦）は墨。⚠️ gj-btn--primary は --primary-strong を見る */
    --primary-foreground: 37.5 25% 93.7%;
    --primary-strong: 222 38% 12%;
    --primary-strong-foreground: 37.5 25% 93.7%;
    --accent: 30 70% 36%;             /* 英字の小見出し。⚠️ 紙の上でだけ使う */
    --accent-foreground: 37.5 25% 93.7%;
    --muted: 37.5 20% 90%;
    --muted-foreground: 222 10% 36%;  /* 薄墨 */
    --border: 30 7% 83.5%;            /* 紙の上の細い線 */
    --ring: 222 38% 12%;
    --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;
  }