@charset "UTF-8";

/* ==========================================================================
   media-tokens.css — サイト全体 (CPT 単体表示を除く) で共通のカラーパレット
   --------------------------------------------------------------------------
   `body.has-media-style` クラスは src/functions/media-style.php が
   body_class フィルタで付与する (CPT 単体表示には付かない)。

   横展開先のサイトでアクセント色を変えたい場合は、子テーマ or 別 CSS で
   下記変数を上書きする:

     body.has-media-style {
       --m-accent:      #FF6B00;
       --m-accent-soft: #FFE8D5;
     }

   各プラグインの front.css は var(--m-*, fallback) を参照するので、
   この変数の上書きだけでサイト全体のアクセントが切り替わる。
   --------------------------------------------------------------------------
   デフォルト (ニュートラル):
     --m-bg          : #F1F1F1  ページ背景
     --m-bg-card     : #FFFFFF  カード / 枠
     --m-accent      : #1A1A1A  アクセント (h2 背景 / チップ / アクセントライン)
     --m-accent-soft : #E5E5E5  薄いアクセント
     --m-text        : #1A1A1A  本文
     --m-text-mute   : #6B7280  弱め
     --m-border      : #D4D4D4  境界線
     --m-link        : #2563EB  リンク色
   ========================================================================== */

body.has-media-style {
  --m-bg:           #F1F1F1;
  --m-bg-card:      #FFFFFF;
  --m-accent:       #1A1A1A;
  --m-accent-soft:  #E5E5E5;
  --m-text:         #1A1A1A;
  --m-text-mute:    #6B7280;
  --m-border:       #D4D4D4;
  --m-link:         #2563EB;

  background: var(--m-bg);
  color: var(--m-text);
}