/*
 * animism.jp — design-tokens.css
 * CSS カスタムプロパティ（デザイントークン）
 * 全ページで最初に読み込むこと
 * ============================================================
 *
 * 使用変数一覧（default.css / 各ページインラインから参照）:
 *   色: --color-bg / --color-bg-surface / --color-bg-deep
 *       --color-primary / --color-primary-hover / --color-primary-faint
 *       --color-primary-light / --color-primary-dark / --color-primary-glow
 *       --color-accent / --color-accent-faint / --color-accent-mid
 *       --color-text-muted / --color-text-faint / --color-text-sub
 *       --color-border
 *       --color-success-bg / --color-success-text
 *       --color-error-bg   / --color-error-text
 *   フォント: --font-body / --font-display
 *   角丸:    --radius-btn / --radius-pill
 */

:root {

  /* ══ 背景色 ══════════════════════════════════ */
  --color-bg:         #0a0820;           /* ページ背景（最深）           */
  --color-bg-deep:    #0e0b2e;           /* ドロワー・カード背景         */
  --color-bg-surface: rgba(255,255,255,.05); /* カード・入力欄の薄い面   */

  /* ══ プライマリ（インディゴ）════════════════ */
  --color-primary:       #312e81;            /* メインボタン・CTA         */
  --color-primary-hover: #3730a3;            /* ホバー時                  */
  --color-primary-light: rgba(49,46,129,.5); /* ヘッダーCTAボタン         */
  --color-primary-dark:  #1e1b4b;            /* 深いアクセント            */
  --color-primary-faint: rgba(49,46,129,.12);/* body::before グラデーション*/
  --color-primary-glow:  rgba(49,46,129,.45);/* box-shadow 発光           */

  /* ══ アクセント（ゴールド）══════════════════ */
  --color-accent:      rgba(201,168,76,1);   /* メインゴールド            */
  --color-accent-mid:  rgba(201,168,76,.5);  /* 中間透明度                */
  --color-accent-faint:rgba(201,168,76,.06); /* 極薄（グラデーション用）  */

  /* ══ テキスト ═══════════════════════════════ */
  --color-text-muted: rgba(255,255,255,.55); /* 補助テキスト・ラベル      */
  --color-text-faint: rgba(255,255,255,.3);  /* 極薄テキスト・プレースホルダ*/
  --color-text-sub:   rgba(255,255,255,.62); /* 本文サブテキスト          */

  /* ══ ボーダー ════════════════════════════════ */
  --color-border: rgba(255,255,255,.15);     /* 入力欄・区切り線          */

  /* ══ ステータス ══════════════════════════════ */
  --color-success-bg:   rgba(22,163,74,.12); /* 成功背景                  */
  --color-success-text: rgba(22,163,74,1);   /* 成功テキスト              */
  --color-error-bg:     rgba(220,38,38,.3);  /* エラー背景                */
  --color-error-text:   #fca5a5;             /* エラーテキスト            */

  /* ══ フォント ════════════════════════════════ */
  --font-body:    'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-display: 'Noto Serif JP', 'Yu Mincho', '游明朝', serif;

  /* ══ 角丸 ════════════════════════════════════ */
  --radius-btn:  8px;      /* ボタン・カード標準                         */
  --radius-pill: 9999px;   /* 丸形タグ・バッジ                           */
}