/* ===========================================================
   LEGION — デザイントークン
   方向性：無線通信（コーデック）画面。暗い受信機の中で、緑の燐光が
   文字と枠を浮かび上がらせる。朱は「着信」と警告にだけ使う。
   （2026-09-15 組み替え。以前は「記章と軍装」の意匠だった）
   =========================================================== */

:root {
  /* ── 受信機の闇 ───────────────────────────── */
  --base-900: #050A08;
  --base-800: #0B1410;
  --base-700: #12201A;

  /* ── 燐光の緑（枠・見出し・信号） ────────── */
  --accent-700: #1C4A33;
  --accent-500: #2F8A5C;
  --accent-400: #5CC98B;
  --sig:        #A7F3C0;   /* 明るい信号 */
  --sig-dim:    #6FB88A;   /* 弱い信号 */
  --sig-100:    rgba(92, 201, 139, 0.14);

  /* ── 着信の朱 ─────────────────────────────── */
  --key-500: #D8342E;
  --key-400: #F0655F;
  --key-100: rgba(216, 52, 46, 0.16);

  /* ── 「紙」もこの店では暗い記録パネルにする ── */
  --paper-50:  #17281F;
  --paper-100: #0E1A14;
  --paper-200: #1F3428;

  /* ── 金モール（階級章） ───────────────────── */
  --kin: #C9A227;

  /* ── 文字 ─────────────────────────────────── */
  --on-dark:      #D9F4E2;
  --on-dark-dim:  #8FBFA1;
  --on-light:     #D9F4E2;   /* 記録パネルの上 */
  --on-light-dim: #8FBFA1;

  /* ── 罫 ───────────────────────────────────── */
  --rule-dark:  rgba(92, 201, 139, 0.28);
  --rule-light: rgba(92, 201, 139, 0.28);

  /* ── 書体 ─────────────────────────────────── */
  --f-display: "Oswald", "Zen Kaku Gothic New", sans-serif;
  --f-jp:      "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  --f-label:   "Share Tech Mono", ui-monospace, "Zen Kaku Gothic New", monospace;

  /* ── 型スケール ───────────────────────────── */
  --t-hero:  clamp(2.6rem, 1.2rem + 5.6vw, 6.4rem);
  --t-h2:    clamp(1.6rem, 1.15rem + 2vw, 2.7rem);
  --t-h3:    clamp(1.1rem, 1rem + 0.6vw, 1.4rem);
  --t-body:  clamp(0.95rem, 0.9rem + 0.22vw, 1.05rem);
  --t-label: clamp(0.68rem, 0.64rem + 0.14vw, 0.78rem);

  /* ── 余白 ─────────────────────────────────── */
  --gutter:  clamp(1.25rem, 0.6rem + 3vw, 4rem);
  --section: clamp(4.5rem, 3rem + 7vw, 9.5rem);
  --measure: 72rem;

  /* ── 動き（受信機なので、カチッと） ───────── */
  --d-fast:   120ms;
  --d-normal: 300ms;
  --d-slow:   700ms;
  --ease:     cubic-bezier(0.2, 0.9, 0.25, 1);
}