/* ============================================================
   T.R.I.A — Shared Color Theme
   全ページ共通のカラー変数。変更はここだけで行う。
   デフォルトテーマ: mint
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&family=Noto+Sans+JP:wght@400;500&display=swap");

:root {
  /* ── Background ── */
  --bg-primary: #0a0a0a;
  --bg-secondary: #111111;
  --bg-tertiary: #1a1a1a;
  --bg-quaternary: #1e1e1e;
  --bg-card: #0d0d0d;
  --bg-highlight-green: #1a2a1a;
  --bg-highlight-red: #2a1111;
  --bg-highlight-blue: #1a1a2e;
  --bg-inactive: #2a2a2a;

  /* ── Text ── */
  --text-primary: #00ff41;
  --text-white: #ffffff;
  --text-bright: #eeeeee;
  --text-readable: #dddddd;
  --text-body: #cccccc;
  --text-label: #aaaaaa;
  --text-sub: #999999;
  --text-secondary: #888888;
  --text-muted: #777777;
  --text-dim: #555555;

  /* ── Border ── */
  --border-primary: #333333;
  --border-tertiary: #444444;
  --border-secondary: #666666;
  --border-divider: #222222;
  --border-inactive: #3a3a3a;
  --border-glow: #00ff4133;

  /* ── Agent Identity ── */
  --melchior: #4169e1;
  --balthasar: #ff8c00;
  --caspar: #00ff7f;

  /* ── Verdict ── */
  --approve: #00ff7f;
  --approve-hover: #00cc33;
  --reject: #ff4444;
  --abstain: #ffaa00;
  --accent-gold: #ffd700;

  /* ── UI Accent ── */
  --cta-bg: #00ff41;
  --cta-text: #0a0a0a;
  --cta-hover: #00cc33;

  /* ── Scanline ── */
  --scanline-color: rgba(0, 0, 0, 0.1);

  /* ── SVG ── */
  --svg-hex-stroke: #333333;
  --svg-agent-name: #777777;
  --svg-hex-footer: #555555;

  /* ── Overlay ── */
  --overlay-bg: rgba(0, 0, 0, 0.7);
  --overlay-bg-mid: rgba(0, 0, 0, 0.75);
  --overlay-bg-heavy: rgba(0, 0, 0, 0.82);

  /* ── Glow ── */
  --glow-text: rgba(0, 255, 65, 0.3);
  --glow-strong: rgba(0, 255, 65, 0.4);
}

/* ── Light Theme Override ──
   全変数を再定義。デザイナーが全ての色を自由に決定できる。
   以下はプレースホルダ値。実際の配色は後続タスクで確定。       */
[data-theme="light"] {
  --bg-primary: #f5f5f0;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e8e8e3;
  --bg-quaternary: #d8d8d3;
  --bg-card: #f0f0eb;
  --bg-highlight-green: #e8f5e9;
  --bg-highlight-red: #fce4ec;
  --bg-highlight-blue: #e3f2fd;
  --bg-inactive: #e8e8e3;

  --text-primary: #1a5c2a;
  --text-white: #000000;
  --text-bright: #111111;
  --text-readable: #222222;
  --text-body: #333333;
  --text-label: #444444;
  --text-sub: #666666;
  --text-secondary: #555555;
  --text-muted: #777777;
  --text-dim: #999999;

  --border-primary: #cccccc;
  --border-tertiary: #bbbbbb;
  --border-secondary: #aaaaaa;
  --border-divider: #dddddd;
  --border-inactive: #d8d8d3;
  --border-glow: #1a5c2a33;

  --melchior: #8aa4d4;
  --balthasar: #d9a86a;
  --caspar: #72c09a;

  --approve: #00aa55;
  --approve-hover: #009926;
  --reject: #dd3333;
  --abstain: #dd9900;
  --accent-gold: #cc9900;

  --cta-bg: #1a5c2a;
  --cta-text: #ffffff;
  --cta-hover: #145222;

  --scanline-color: transparent;

  --svg-hex-stroke: #cccccc;
  --svg-agent-name: #555555;
  --svg-hex-footer: #999999;

  --overlay-bg: rgba(0, 0, 0, 0.55);
  --overlay-bg-mid: rgba(0, 0, 0, 0.6);
  --overlay-bg-heavy: rgba(0, 0, 0, 0.68);

  --glow-text: rgba(26, 92, 42, 0.3);
  --glow-strong: rgba(26, 92, 42, 0.4);
}

/* ── Mint (薄荷) Theme ──
   ティファニーブルー系。Shippori Mincho + Noto Sans JP。
   グロー無効。シャープなborder-radius。              */
[data-theme="mint"] {
  --bg-primary: #f0fafa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e8f8f7;
  --bg-quaternary: #d8f0ee;
  --bg-card: #ffffff;
  --bg-highlight-green: #f0f8f2;
  --bg-highlight-red: #fdf0f4;
  --bg-highlight-blue: #e8f6f5;
  --bg-inactive: #e0f0ee;

  --text-primary: #0a7a76;
  --text-white: #0a2020;
  --text-bright: #0a2020;
  --text-readable: #1a3535;
  --text-body: #2a4a4a;
  --text-label: #4a8888;
  --text-sub: #4a8888;
  --text-secondary: #4a8888;
  --text-muted: #6a9898;
  --text-dim: #8ab0b0;

  --border-primary: #b8e4e0;
  --border-tertiary: #a8deda;
  --border-secondary: #a8d8d4;
  --border-divider: #d0ece8;
  --border-inactive: #c8e8e4;
  --border-glow: #0a7a7633;

  --melchior: #0a7a76;
  --balthasar: #b86888;
  --caspar: #408860;

  --approve: #408860;
  --approve-hover: #306848;
  --reject: #c05050;
  --abstain: #c09940;
  --accent-gold: #0a7a76;

  --cta-bg: #0a7a76;
  --cta-text: #ffffff;
  --cta-hover: #085e5a;

  --scanline-color: transparent;

  --svg-hex-stroke: #b8e4e0;
  --svg-agent-name: #4a8888;
  --svg-hex-footer: #8ab0b0;

  --overlay-bg: rgba(10, 32, 32, 0.55);
  --overlay-bg-mid: rgba(10, 32, 32, 0.6);
  --overlay-bg-heavy: rgba(10, 32, 32, 0.68);

  --glow-text: rgba(10, 122, 118, 0.3);
  --glow-strong: rgba(10, 122, 118, 0.4);
}