/*カラー・共通値*/
:root {
   /* ===== Color ===== */
   --color-bg: #ffffff;
   --color-text: #2f3a45;

   --color-main: #2563eb;   /* クールブルー */
   --color-accent: #38bdf8; /* ライトブルー */

   --color-border: #dbe4ee;
   --color-muted: #6b7280;

   --color-h1: #1e3a8a; /* 濃いネイビー */
   --color-h2: #2563eb; /* メイン寄せ */
   --color-h3: #60a5fa; /* 柔らかい青 */

  /* ===== Font ===== */
  --font-base: "Helvetica Neue", Arial, sans-serif;


  /* ===== Spacing ===== */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 32px;
  --space-xl: 48px;

  /* ===== Width ===== */
  --max-width: 1280px;

  /* ===== Radius ===== */
  --radius: 6px;
}