/* ==========================================================================
   theme-moon.css
   「Moon Theme」公開側専用のカラートークン上書き

   variables.css のデフォルト値は管理画面（p_xxx/系）でも使われているため、
   このファイルでは値を直接書き換えず :root の変数を上書きするだけに留める。
   このファイル自体を読み込むのは公開側ページ（index.php）のみとし、
   管理画面のCSSからは読み込まない。これにより管理画面の見た目には
   一切影響を与えずに、公開側だけをMoon Themeへ切り替えられる。
   ========================================================================== */

:root {
    /* --- 背景・サーフェス（月夜の静けさを表現する落ち着いた濃紺系） --- */
    --color-bg: #0b0f1a;
    --color-bg-soft: #111827;
    --color-surface: rgba(17, 24, 39, 0.8);
    --color-surface-hover: rgba(31, 41, 55, 0.9);
    --color-border: #1f2937;
    --color-border-strong: #2d3b4e;

    /* --- テキスト --- */
    --color-text: #e5e7eb;
    --color-text-muted: #9ca3af;
    --color-text-faint: #6b7280;

    /* --- アクセントカラー（単一のブルーに統一し、過剰な演出を避ける） --- */
    --color-blue: #60a5fa;
    --color-purple: #60a5fa;
    --color-cyan: #60a5fa;

    --gradient-accent: linear-gradient(120deg, #60a5fa, #93c5fd);
    --gradient-accent-soft: linear-gradient(120deg, rgba(96, 165, 250, 0.15), rgba(147, 197, 253, 0.12));

    /* --- 角丸（カードは12px） --- */
    --radius-md: 12px;

    /* --- シャドウ（ネオン演出を避け、ごく控えめなグローに留める） --- */
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 10px rgba(96, 165, 250, 0.2);
}