/* =========================================================
   COLOR TOKENS / サイト共通カラー
   色を変更するときは、原則としてこのファイルだけを編集します。
========================================================= */
:root {
  /* Base colors */
  --color-01: #087ed8;
  --color-02: #64dcff;
  --color-03: #063377;
  --color-04: #020c29;
  --color-05: #07183f;
  --color-06: #5e7188;
  --color-07: #71849b;
  --color-08: #ffffff;
  --color-09: #f7fbff;
  --color-10: #fffdf8;

  /* Semantic colors */
  --blue: var(--color-01);
  --blue-light: var(--color-02);
  --blue-dark: var(--color-03);
  --blue-mid: #075ca8;
  --navy: var(--color-04);
  --navy-soft: #061b4e;
  --ink: var(--color-05);
  --text-deep-muted: #405a7c;
  --text-muted: var(--color-06);
  --text-subtle: var(--color-07);
  --white-pure: var(--color-08);
  --white: #f5f8ff;
  --surface-page: var(--color-09);
  --surface-soft: #eef8ff;
  --warm-white: var(--color-10);
  --warm-accent: #f2c89b;
  --cyan: var(--blue-light);

  /* Shared gradients */
  --gradient-blue: linear-gradient(
    135deg,
    var(--blue-dark) 0%,
    var(--blue) 62%,
    var(--blue-light) 100%
  );
  --gradient-blue-deep: linear-gradient(
    135deg,
    var(--navy) 0%,
    var(--navy-soft) 52%,
    var(--blue-dark) 100%
  );
  --gradient-blue-cta: linear-gradient(
    135deg,
    var(--blue-dark) 0%,
    var(--blue-mid) 45%,
    var(--blue) 100%
  );
  --gradient-blue-soft: linear-gradient(
    145deg,
    var(--surface-soft) 0%,
    var(--white-pure) 55%,
    var(--surface-page) 100%
  );
}