/* デザイントークン：UIモックアップv4準拠（確定デザイン・追加修正指示07）のCSS変数定義。
   ブライトブルー・大人向けでスタイリッシュな配色に刷新。フォントはNoto Sans JP統一。 */

:root, [data-theme="light"] {
  --brand: #2E74E8;        /* ブライトブルー（メイン） */
  --brand-d: #1F5BC4;      /* 濃いブルー（サイドバーのグラデ終端等） */
  --brand-2: #43B7E8;      /* アクセント水色 */
  --brand-soft: #EAF2FE;   /* 淡色面（青系） */
  --brand-soft2: #E4F5FC;  /* 淡色面（水色系） */
  --pop: #2E8B84;          /* 刺し色（ティール）。連続学習・弱点復習など「ここぞ」だけに使う */
  --pop-soft: #E4F5FC;
  --bg: #EEF3F9;
  --card: #FFFFFF;
  --ink: #1B2A3C;
  --muted: #5D6B7C;
  --line: #E2E9F3;
  --ok: #2E8B5E;
  --ng: #C1585C;

  --side-bg: #2E74E8;      /* 学習者用サイドバー（グラデ開始） */
  --side-bg-d: #1F5BC4;    /* 学習者用サイドバー（グラデ終了） */
  --side-admin: #12305A;   /* 管理者用サイドバー（グラデ開始・濃色） */
  --side-admin-d: #0E2748; /* 管理者用サイドバー（グラデ終了） */

  --radius-sm: 9px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow: 0 8px 22px rgba(27, 42, 60, .06);

  --font: "Noto Sans JP", -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", sans-serif;

  /* 旧変数名の互換エイリアス（インラインstyle参照用） */
  --blue: var(--brand);
  --accent: var(--brand-2);
}

[data-theme="dark"] {
  --brand: #6FA8F0;
  --brand-d: #4C82D6;
  --brand-2: #6FD1F0;
  --brand-soft: #1A2740;
  --brand-soft2: #16303A;
  --pop: #5FB3AB;
  --pop-soft: #15231F;
  --bg: #0F151D;
  --card: #18222E;
  --ink: #E8EEF5;
  --muted: #9AA7B6;
  --line: #26333F;
  --ok: #5FB489;
  --ng: #D67F83;

  --side-bg: #1F5BC4;
  --side-bg-d: #123B87;
  --side-admin: #0B1E3A;
  --side-admin-d: #071630;

  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .35);
}

/* 高校入試モード（フェーズE先行・追加修正指示07-4）：グリーン基調に切替。
   questionのexam_typeに応じて#appへdata-exam="highschool"を付与する想定
   （マルチ試験の本格実装自体は別作業。ここでは配色の土台のみ用意）。 */
[data-exam="highschool"] {
  --brand: #2E7D5B;
  --brand-d: #1F5C41;
  --brand-2: #4CA37D;
  --brand-soft: #E7F3ED;
  --brand-soft2: #E4F5FC;
  --bg: #F3F8F5;

  --side-bg: #2E7D5B;
  --side-bg-d: #1F5C41;
}