/* =========================================================
   EVENT BASE+ 配色トークン（唯一の定義ファイル）
   ---------------------------------------------------------
   ・共通の色（文字・背景・罫線・状態）は :root に1回だけ定義
   ・テーマで変わる色（ブランド色・ヘッダー・選択状態）だけを
     [data-theme] ごとに上書きする
   ・画面側は必ず「意味の名前」の変数（--color-primary など）を使い、
     テーマ専用の色コードを直接書かない
   ・テーマは管理画面のテンプレートだけが明示的に付与する（既定値なし）
       イベント管理 : <body data-theme="event">      緑系
       出店者管理   : <body data-theme="exhibitor">  青系
       公開ページ・スタッフポータル・アカウント画面 : 付けない
     data-theme のない画面ではテーマ色（--color-primary 等）は未定義になる
   ========================================================= */

:root {
  /* ---- 文字 ---- */
  --color-text: #1F2937;            /* 本文・見出し（白背景で約14.7:1） */
  --color-text-sub: #4B5563;        /* 補足・ラベル（白で約7.6:1） */
  --color-text-disabled: #9CA3AF;   /* 無効状態・プレースホルダー専用。通常の文字には使わない */
  --color-text-on-fill: #FFFFFF;    /* 濃い塗りの上の文字 */

  /* ---- 背景・面・罫線 ---- */
  --color-page-bg: #F6F8FB;         /* ページ背景 */
  --color-surface: #FFFFFF;         /* カード・表・フォーム */
  --color-surface-muted: #F3F4F6;   /* 表の見出し行・開催時間外などの控えめな面 */
  --color-border: #E5E7EB;          /* 区切り線 */
  --color-border-strong: #D1D5DB;   /* 入力欄・副ボタンの枠 */
  --color-input-bg: #FFFFFF;

  /* ---- 状態（両テーマ共通。淡い背景＋濃い文字で使う） ---- */
  --color-success-text: #166534;  --color-success-bg: #DCFCE7;   /* 完了・配置済み・入金済み */
  --color-warning-text: #92400E;  --color-warning-bg: #FEF3C7;   /* 要確認・未配置 */
  --color-danger-text:  #B91C1C;  --color-danger-bg:  #FEE2E2;   /* エラー・不足・未入金 */
  --color-info-text:    #1E40AF;  --color-info-bg:    #DBEAFE;   /* 一部配置・貸出中など */
  --color-neutral-text: #374151;  --color-neutral-bg: #F3F4F6;   /* 下書き・非公開・未設定 */
  --color-danger: #DC2626;          /* 削除ボタンなど塗りで使う赤（白文字で約4.8:1） */

  /* ---- スケジュールのカテゴリ色（イベント管理の進行表で使用） ---- */
  --cat-setup-bg:    #DBEAFE;  --cat-setup-text:    #1E40AF;  /* 運営・設営 */
  --cat-workshop-bg: #DCFCE7;  --cat-workshop-text: #166534;  /* ワークショップ */
  --cat-stage-bg:    #FCE7F3;  --cat-stage-text:    #BE185D;  /* ステージ */
  --cat-exhibit-bg:  #FEF3C7;  --cat-exhibit-text:  #92400E;  /* 出展 */
  --cat-meeting-bg:  #EDE9FE;  --cat-meeting-text:  #6D28D9;  /* 会議・控室 */
  --cat-other-bg:    #F3F4F6;  --cat-other-text:    #374151;  /* その他 */
}

/* ---- 一般来場者向け公開サイト(/event/<public_slug>/)専用【2026-10-22 公開A】 ----
   管理画面のテーマ(data-theme)とは別。公開サイトの public.css だけが使う。
   【2026-10-23 微調整】緑は「面」ではなく「アクセント」に使う。テーマ色は次の3つだけ:
   --public-primary(主ボタン・選択中の面・枠)/ --public-primary-soft(淡い面)/
   --public-primary-dark(文字・アイコン・薄い面の上の文字)。
   背景・カード・罫線・本文・注意・☆はテーマに関係なく共通。 */
:root {
  --public-primary: #2F6B47;       /* テーマ色(上の文字は --public-on-primary) */
  --public-primary-soft: #E6EDE9;  /* テーマ色の淡い面(上の文字は --public-primary-dark か --public-text) */
  --public-primary-dark: #204930;  /* テーマ色の文字・アイコン */
  --public-on-primary: #FFFFFF;    /* 【2026-10-24】メインの色(primary)の面の上の文字(緑=自然・安心) */
  --public-bg: #FAF8F3;            /* 生成り(ページ背景) */
  --public-line: #ECE7DD;          /* カードの枠・区切り線 */
  --public-text: #1E2A23;          /* 本文 */
  --public-text-sub: #5F6E64;      /* 補助文字(背景・淡い面の上でも4.5:1以上) */
  --public-alert: #B9472A;         /* 注意・重要・変更あり */
  --public-star: #E0A51E;          /* お気に入り(☆)を付けたとき・☆の絞り込み・トップのお気に入り */
}

/* 【2026-10-25】出店カテゴリの色(ExhibitorCategory.color)。公開ページの出店者一覧の分類だけに使い、
   テーマ色・トーンでは変わらない。soft=淡い背景、ink=濃いアイコン(ink/soft は3:1以上、soft の上の文字は4.5:1以上。
   apps/public/tests_b.py で確認)。 */
:root {
  --cat-orange-soft: #FDF0E3;
  --cat-orange-ink: #B35A12;
  --cat-blue-soft: #E8F1FB;
  --cat-blue-ink: #1F63A8;
  --cat-rose-soft: #FCEBF1;
  --cat-rose-ink: #B03A64;
  --cat-green-soft: #E7F4EA;
  --cat-green-ink: #2D7A47;
  --cat-purple-soft: #F1EBF8;
  --cat-purple-ink: #6B44A6;
}

/* 【2026-10-23 公開B】EVENT BASE+ 自体の色(公開サイトの「Powered by」のシートなど、イベントのテーマに関係なく使う)。
   ファビコンの青(#2F7FE0)を、白い文字が4.5:1以上になる濃さにしたもの。LINE の緑は「LINEで友だち追加」のボタンだけ
   (白い文字だと2.3:1しかないため、文字は本文色)。 */
:root {
  --brand-primary: #1F6AD0;
  --brand-primary-soft: #E9F0FA;
  --brand-primary-dark: #15488D;
  --line-green: #06C755;
}

/* 【2026-10-23】公開ページのテーマ色(Event.public_theme。<html data-public-theme="…">)。
   【2026-10-24 見直し】5色の性格がはっきり分かる値にし、メインの色の上の文字色(--public-on-primary)を足した。
   変わるのはこの4つだけ。緑は上の :root の値。
   primary … 主ボタン・選択中の面・枠(上の文字は on-primary)/ dark … 文字・アイコン/
   soft … 標準の淡い面(上の文字は dark か本文色。淡く・はっきりの淡い面は public.css で primary から作る)。
   オレンジは明るい色なので、上の文字は白ではなく濃い茶色。コントラストは apps/public/tests.py で確認。
   meta theme-color・manifest 用の値は apps/public/themes.py(primary と同じ値にしておく)。 */
[data-public-theme="blue"] {          /* 空・海・爽やか */
  --public-primary: #1F6FB2;
  --public-primary-soft: #E4EFF8;
  --public-primary-dark: #16507F;
  --public-on-primary: #FFFFFF;
}

[data-public-theme="orange"] {        /* 太陽・祭り・元気 */
  --public-primary: #F0912E;
  --public-primary-soft: #FDEEDC;
  --public-primary-dark: #8A4A10;
  --public-on-primary: #2B1A08;
}

[data-public-theme="rose"] {          /* 華やか・やさしい */
  --public-primary: #C9446B;
  --public-primary-soft: #FBE8EE;
  --public-primary-dark: #93304F;
  --public-on-primary: #FFFFFF;
}

[data-public-theme="purple"] {        /* 文化・上品・アート */
  --public-primary: #5A3A91;
  --public-primary-soft: #ECE6F4;
  --public-primary-dark: #3F2766;
  --public-on-primary: #FFFFFF;
}

/* 状態色の割り当て（両テーマ共通）
   完了・配置済み・入金済み → success
   要確認・要対応・未配置   → warning
   未入金・不足・エラー     → danger
   一部配置・備品貸出中     → info
   取消済み・下書き・非公開 → neutral
   ※テーマ色（主ボタンの緑・青）を状態表示に使わない */

/* イベント管理：緑系 */
[data-theme="event"] {
  --color-primary: #0F766E;
  --color-primary-hover: #115E59;
  --color-primary-soft: #F0FDFA;
  --color-primary-soft-strong: #CCFBF1;
  --color-primary-border: #99F6E4;
  --color-link: #115E59;
  --color-focus-ring: #14B8A6;
  --color-header-bg: #134E4A;
  --color-header-text: #FFFFFF;
  --color-header-text-sub: #CCFBF1;
  --color-header-brand: #FFFFFF;
  --color-nav-active: #0F766E;
  --color-nav-active-bg: #F0FDFA;
  --color-nav-active-border: #0F766E;
  --color-theme-text: #115E59;
  --color-focus-shadow: rgba(15, 118, 110, 0.24);
}

/* 出店者管理：青系（現在の白ヘッダー＋青ロゴの構成を維持） */
[data-theme="exhibitor"] {
  --color-primary: #2563EB;         /* 白文字で約5.2:1 */
  --color-primary-hover: #1D4ED8;
  --color-primary-soft: #EFF6FF;
  --color-primary-soft-strong: #DBEAFE;
  --color-primary-border: #BFDBFE;
  --color-link: #1D4ED8;
  --color-focus-ring: #3B82F6;
  --color-header-bg: #FFFFFF;
  --color-header-text: #1F2937;
  --color-header-text-sub: #4B5563;
  --color-header-brand: #1D4ED8;
  --color-nav-active: #1D4ED8;
  --color-nav-active-bg: #EFF6FF;
  --color-nav-active-border: #2563EB;
  --color-theme-text: #1D4ED8;
  --color-focus-shadow: rgba(37, 99, 235, 0.24);
  /* 出店者管理でも、一覧・詳細エリアの背景は共通の --color-page-bg（薄いグレー）、
     カードは白。薄い青は「選択中の行・ナビ・タブ」だけに使う */
}