/* ===========================================================
   Meklio（メクリオ）ブランドトークン
   ブランドボード準拠。管理/運営/ビューア/本棚/サービスサイトが
   すべてこの1ファイルを参照する（色を変えるならここだけ触る）。
   =========================================================== */

/* 英字 = Manrope（ブランド指定）／日本語 = Noto Sans JP。
   Latin グリフは Manrope が持つため先に置き、日本語は Noto Sans JP へ自動フォールバックする。 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  /* --- ブランドカラー（ボード記載値そのまま） --- */
  --mk-main:#1E5EFF;      /* メインカラー */
  --mk-sub:#29B6F6;       /* サブカラー */
  --mk-accent:#AEE6FF;    /* アクセント */
  --mk-navy:#17213A;      /* ワードマークの濃紺 */
  --mk-navy-sub:#5D6B89;  /* 「メクリオ」等の副次テキスト */
  --mk-ink-soft:#7B879E;  /* タグライン */
  --mk-surface:#F7FAFF;   /* ロゴ台紙と同じ淡い面 */

  /* --- 派生（UI用） --- */
  --mk-main-hover:#1749D6;
  --mk-main-ink:#0F3FCC;                 /* 文字色として使う濃いめの青 */
  --mk-tint:#EAF1FF;                     /* 選択・ホバーの淡い面 */
  --mk-tint2:#F2F7FF;
  --mk-border:#C6D8FF;                   /* 青系の境界線 */
  --mk-grad:linear-gradient(135deg,#1E5EFF 0%,#29B6F6 100%);
  --mk-grad-soft:linear-gradient(135deg,#EAF1FF 0%,#E6F6FF 100%);

  /* --- タイポグラフィ --- */
  --mk-font:'Manrope','Noto Sans JP','BIZ UDPGothic',system-ui,sans-serif;
  --mk-font-mono:'JetBrains Mono',ui-monospace,monospace;

  /* --- 形状 --- */
  --mk-radius:12px;
  --mk-radius-lg:18px;
}