/* ==========================================================
   ゲーミングWeb制作ページ CSS変数
   マザリアルブランド: 深めのゴールド × チャコール × 黄土
   （ロゴカードの配色に合わせた温かみのあるダークトーン）
   ========================================================== */
:root {
  /* カラー: ブランド（ゴールド系） */
  --color-primary: #c9973b;        /* 深めのゴールド */
  --color-primary-bright: #e3b65e; /* 明るいゴールド（ホバー・グロー） */
  --color-primary-deep: #8a6420;   /* 黄土色寄りの深いゴールド（影・押下） */

  /* カラー: ベース（チャコール基調） */
  --color-bg: #141310;             /* ページ背景（温かみのあるチャコール） */
  --color-bg-panel: #1b1a16;       /* セクションパネル */
  --color-bg-card: #232019;        /* カード背景 */
  --color-line: #3a352a;           /* 罫線 */

  /* カラー: テキスト */
  --color-text: #f2efe6;           /* 本文（生成り寄りの白） */
  --color-text-sub: #b3ac9b;       /* 補足 */
  --color-text-invert: #141310;    /* 反転（ゴールドボタン上など） */

  /* カラー: アクセント */
  --color-accent-yellow: #ffd76e;  /* 実績・スコア */
  --color-accent-cyan: #3fd2ff;    /* リンク・HUD（対比用の寒色） */

  /* フォント */
  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-pixel: "DotGothic16", "Noto Sans JP", monospace;
  --font-size-base: 16px;

  /* 余白 */
  --spacing-unit: 8px;
  --section-padding-sp: 64px;
  --section-padding-pc: 112px;
  --content-width: 960px;
  --content-width-wide: 1120px;

  /* 装飾 */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --shadow-glow: 0 0 24px rgba(201, 151, 59, 0.35);
  --transition-base: 0.25s ease;
}

/* ----------------------------------------------------------
   旧パレット（マザリアルレッド基調）に戻す場合は、
   上の :root の該当行を以下の値へ差し替える。
   --color-primary: #e60023;
   --color-primary-bright: #ff2e4d;
   --color-primary-deep: #99001a;
   --color-bg: #0d0d12;
   --color-bg-panel: #16161e;
   --color-bg-card: #1e1e28;
   --color-line: #2e2e3c;
   --color-text: #f2f2f5;
   --color-text-sub: #a8a8b8;
   --color-text-invert: #0d0d12;
   --color-accent-yellow: #ffd23f;
   --shadow-glow: 0 0 24px rgba(230, 0, 35, 0.35);
   ※ style.css 内の rgba(201, 151, 59, …) を rgba(230, 0, 35, …) に一括置換
   ---------------------------------------------------------- */