/* Miseru Link ブランドトークン（ADR-0037 準拠）
   LP の HTML / CSS に生のカラーコードを書かないこと。ここだけを直す。

   色の使い分け（LP共通の規約）:
   - Iris Indigo（brand系）= 見出しの差し色・リンク・アイコン
   - Amber Gold（accent系）= 行動の色。CTAボタン・マーカー強調にのみ使う
   - チャコール（ink系）   = 本文・フッター */

:root {
  /* --- Primary: Iris Indigo --- */
  --brand: #5a67c7;
  --brand-on-light: #454fb0; /* 明背景上の主役色・theme-color */
  --brand-on-dark: #97a0ee;  /* 暗背景上の文字・線 */
  --brand-deep: #363e8c;
  --brand-wash: #eef0fa;
  --brand-faint: #f5f6ff;
  --brand-line: #d9ddf5;

  /* --- Secondary: Amber Gold（窓明かり） --- */
  --accent: #e3a93e;
  --accent-deep: #c98a22;
  --accent-on-light: #8a5a00;
  --accent-light: #f0c06b;
  --accent-faint: #fff8ea;
  --accent-underline: rgb(240 192 107 / 55%); /* 見出しのハイライト下線 */
  --accent-glow: rgb(227 169 62 / 32%);       /* 窓の点灯グロー */

  /* --- Base: Charcoal（夜のビル。わずかにインディゴへ寄せる） --- */
  --ink: #14141d;
  --ink-2: #1d1d29;
  --ink-3: #262635; /* 暗部の面・窓の消灯セル */
  --ink-soft: #4a4a55;

  /* --- Neutral (cool) --- */
  --paper: #ffffff;
  --paper-2: #f7f8fc;
  --line: #e6e8f2;
  --line-strong: #ccd0e4;
  --muted: #6b7086;
  --dark-text: #c9cbd8;   /* 暗背景上の本文 */
  --dark-muted: #8a8da0;  /* 暗背景上の補足 */
  --dark-line: rgb(151 160 238 / 22%); /* 暗背景上の罫線 */
  --modal-backdrop: rgb(20 20 29 / 82%);

  /* --- Semantic --- */
  --text: var(--ink);
  --text-muted: var(--muted);
  --bg: var(--paper);
  --bg-alt: var(--paper-2);
  --danger: #b42323;
  --success: #237a57;
  --success-faint: #ecf8f2;

  /* --- Typography --- */
  --font-jp: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP",
    "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;
  --font-brand: "Poppins", var(--font-jp); /* ロゴ・数字用 */

  /* 流体タイポ（375px〜1200px）。読者層（50〜70代経営者）に合わせてやや大きめ */
  --step--1: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1: clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --step-2: clamp(1.3125rem, 1.2rem + 0.5vw, 1.5625rem);
  --step-3: clamp(1.5rem, 1.28rem + 1vw, 2rem);
  --step-4: clamp(1.75rem, 1.35rem + 1.9vw, 2.625rem);

  /* --- Space / shape --- */
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(3.5rem, 8vw, 6.5rem);
  --measure: 34em;
  --radius: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px rgb(20 20 29 / 6%), 0 4px 12px rgb(20 20 29 / 4%);
  --shadow-md: 0 2px 4px rgb(20 20 29 / 6%), 0 16px 40px rgb(20 20 29 / 8%);
  --shadow-lg: 0 18px 50px rgb(20 20 29 / 10%), 0 4px 14px rgb(69 79 176 / 8%);
  --shadow-float: 0 28px 70px rgb(20 20 29 / 14%), 0 8px 24px rgb(69 79 176 / 10%);
  --radius-xl: 24px;
}