/* _variables.css */
:root {
  --main-color: #001b47;   /* 濃紺 */
  --sub-color: #007bc3;    /* 青（V字ボックスなど） */
  --accent-color: #d13282; /* ピンク（パルスサーミア） */
  --bg-light: #f4f7f9;     /* 薄いグレー */
  --white: #ffffff;
  --light-blue: #ceebfb;  /* 薄い水色（セクション背景など） */

  /* --- フォント変数 --- */
  /* 基本のゴシック体（読みやすさ重視） */
  --font-base: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

  /* 見出し用の明朝体（高級感・信頼感：パルスサーミア等に） */
  --font-serif: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;


  /* フォント太さ */
  --fw-normal: 400;
  --fw-bold: 600;
  --fw-extrabold: 700;

  /* フォントサイズの基準なども変数化できます */
  --fs-big:3.5rem;   /* 56px相当 */
  --fs-h1: 2.5rem;   /* 40px相当 */
  --fs-h2: 1.8rem;   /* 24px相当 */
  --fs-h3: 1.5rem;   /* 22px相当 */
  --fs-h4: 1.25rem;  /* 20px相当 */
  --fs-body: 1rem;   /* 16px相当 */

  /* --- フォント制御用 --- */
  /* Safariの自動調整を無効化する値 */
  --ios-text-size-adjust: none;

}