/* =====================================================================
   テーマトークン（3サイト共通）
   2026-09-16。club v2 / サポートレター(QBlog) / ほか横展開先で共有する。
   ★ここには「値」だけを置き、セレクタ別の上書きは各レイアウトのCSSに書く。
   ライト側の値は各レイアウトの :root にある（v2は v2.skin.php の <style> 内）。
   ===================================================================== */

/* ---------------------------------------------------------------
   1. トークンの上書き。ライト側の :root と同じ名前を差し替えるだけ。
      個別セレクタの上書きを増やさないこと（増やすとライトと二重管理になる）
   --------------------------------------------------------------- */
html[data-theme="dark"]{
  color-scheme: dark;              /* スクロールバー・フォーム部品をOS側でも暗くする */

  /* 面 */
  --v2-surface:#1e2025;            /* ヘッダー/ドロップダウン/ランチャー/サイドバー/本文/フッター */
  --v2-surface-card:#24262c;
  --v2-fill:#2a2d33;
  --v2-fill-hover:#343840;
  --v2-tab:#2a2d33;
  --v2-tab-hover:#343840;
  --v2-row-hover:#2f333a;
  /* 境界
     ★ライトでは #e3e3e3/白 でほぼ見えない線だったので、ダークで面との差を付けすぎると
       ライトには無かった「枠だらけ」の印象になる。面(#1e2025)に寄せて同じ控えめさにする */
  --v2-border:#2e3239;
  --v2-border-soft:#32363d;
  --v2-border-input:#4a4f58;
  --v2-border-card:#32363d;
  /* 文字 */
  --v2-text:#e4e5e8;
  --v2-text-strong:#f2f3f5;
  --v2-text-body:#d6d8dc;
  --v2-text-sub:#c3c6cc;
  --v2-text-muted:#9aa0a9;
  --v2-text-faint:#8d939c;
  --v2-text-dim:#8d939c;
  --v2-text-ghost:#7c828b;
  --v2-text-bold-sub:#a9aeb7;
  --v2-text-card:#e4e5e8;
  /* アクセント（暗い面では彩度の高い赤が痛いので少し明るく・淡く） */
  --v2-accent:#e0575a;
  --v2-on-accent:#ffffff;
  /* ベール・影（暗い面では黒い影が効かないので、白ベール＋強い影に作り直す） */
  --v2-veil:rgba(255,255,255,.08);
  --v2-veil-weak:rgba(255,255,255,.06);
  --v2-overlay:rgba(0,0,0,.6);
  --v2-shadow-header:0 1px 3px rgba(0,0,0,.5);
  --v2-shadow-pop:0 6px 20px rgba(0,0,0,.55);
  --v2-shadow-panel:0 8px 28px rgba(0,0,0,.6);
  --v2-shadow-drawer:2px 0 12px rgba(0,0,0,.55);

  /* ダーク専用（ライトには存在しない） */
  --v2-page-bg:#141519;            /* ページ地。面(--v2-surface)より暗くして段差を出す */
  --v2-link:#7fb9e8;
  --v2-link-hover:#a3cdf0;
  --v2-code-bg:#101216;
}