/*
 * Doyle デザイントークン
 * LP・アプリ本体で共通利用するブランドカラー。
 * 色を変えるときは必ずここを変更すること（個別CSSに生の16進数を書かない）。
 */
:root{
  /* ブランド基調 */
  --navy:#011940;       /* 濃紺。ヘッダー/フッター/管理画面の基調 */
  --navy-deep:#0A2A5E;  /* 濃紺グラデーションの終点 */
  --ink:#0D1530;        /* 本文テキスト */
  --sub:#5A6478;        /* 補助テキスト */

  /* アクセント（入力欄の枠・リンク・LPの強調など細部に使う青） */
  --blue:#2447E0;
  --blue-deep:#1733B8;

  /* アプリ本体の面（ヘッダー・ボタン・アイコン）。ロゴと同じ濃紺に統一 */
  --brand-grad:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);
  --brand-grad-v:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);

  /* CTA（LPの主ボタン） */
  --cta:#F59F00;
  --cta-deep:#E8590C;

  /* 罫線・背景 */
  --line:#E4E8F2;
  --mist:#F6F8FC;

  /* 管理画面の暗色基調（旧: #1a1a2e→#16213e） */
  --admin-dark:#011940;
  --admin-dark-2:#0A2A5E;
  --admin-grad:linear-gradient(135deg,var(--admin-dark) 0%,var(--admin-dark-2) 100%);
}