/* ============================================================
   Megane Movement — Color tokens
   恒常カラーはモノクローム。作品ごとにアクセント1色(青系1トーン)まで。
   ============================================================ */
:root {
  /* --- Monochrome core --------------------------------------
     背景は純白か純黒。文字・線は逆側の純色。 */
  --mm-white: #FFFFFF;
  --mm-black: #000000;

  /* --- Grey scale (3段階のみ / only these three) ------------- */
  --mm-grey-100: #F2F2F2;  /* 面・薄い区切り */
  --mm-grey-400: #BDBDBD;  /* 補助線・非活性 */
  --mm-grey-700: #4D4D4D;  /* 補助テキスト */

  /* --- Accent blues (1デザイン1トーンまで) -------------------
     複数の青を混在させない。 */
  --mm-sky:  #BCD9E5;  /* Sky Blue  — 淡く水彩的。PVジャケット系 */
  --mm-mid:  #4A90C2;  /* Mid Blue  — SNSサムネで視認性が要る時 */
  --mm-deep: #0B2A4A;  /* Deep Blue — ポスター・名刺の締め色 */

  /* --- Active accent (作品ごとに1つ選ぶ) ---------------------
     デフォルトは Mid Blue。作品側で --mm-accent を上書きする。 */
  --mm-accent: var(--mm-mid);

  /* --- Semantic aliases -------------------------------------- */
  --mm-bg: var(--mm-white);          /* 既定の面 */
  --mm-fg: var(--mm-black);          /* 既定の文字・線 */
  --mm-line: var(--mm-black);        /* ハーライン / ラベル枠 */
  --mm-muted: var(--mm-grey-700);    /* 補助テキスト */
  --mm-faint: var(--mm-grey-400);    /* 非活性・弱い線 */
  --mm-surface: var(--mm-grey-100);  /* 淡い面 */

  /* 写真オーバーレイ (#BCD9E5 20〜40%) */
  --mm-photo-overlay: rgba(188, 217, 229, 0.30);
}

/* 黒地の面に置いたとき、文字・線を白へ反転する */
[data-mm-theme="dark"] {
  --mm-bg: var(--mm-black);
  --mm-fg: var(--mm-white);
  --mm-line: var(--mm-white);
  --mm-muted: var(--mm-grey-400);
  --mm-faint: var(--mm-grey-700);
  --mm-surface: #141414;
}