:root {
  /* カラー */
  --color-primary: #3078BE;
  --color-secondary: #25608F;
  --color-accent: #3F99B3;
  --color-black: #111111;
  --color-white: #ffffff;
  --color-gray: #666666;
  --color-gray-light: #f5f5f5;
  --color-gray-border: #dddddd;
  --color-bg: #ffffff;
  --color-bg-alt: #f8f9fa;
  --gradient-primary: linear-gradient(153deg, rgba(48, 120, 190, 1) 0%, rgba(83, 146, 218, 1) 50%, rgba(144, 200, 255, 1) 100%);

  /* フォント */
  --font-en: "Outfit", sans-serif;
  --font-jp: "Noto Sans JP", sans-serif;

  /* フォントサイズ（clamp） */
  --fz-xs: clamp(10px, 0.625rem + 0.15vw, 12px);
  --fz-sm: clamp(12px, 0.75rem + 0.1vw, 13px);
  --fz-base: clamp(13px, 0.8125rem + 0.1vw, 14px);
  --fz-md: clamp(14px, 0.875rem + 0.2vw, 16px);
  --fz-lg: clamp(16px, 1rem + 0.35vw, 20px);
  --fz-xl: clamp(20px, 1.25rem + 0.7vw, 28px);
  --fz-2xl: clamp(26px, 1.625rem + 0.9vw, 36px);
  --fz-3xl: clamp(32px, 2rem + 0.9vw, 42px);

  /* フォントウェイト */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* レタースペーシング */
  --ls-sm: 0.03em;
  --ls-md: 0.06em;
  --ls-lg: 0.08em;

  /* ラインハイト */
  --lh-sm: 1.4;
  --lh-md: 1.7;
  --lh-lg: 1.8;

  /* 角丸 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 50px;

  /* 余白スケール */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 100px;
  --space-3xl: 140px;

  /* コンテナ幅 */
  --container-max: 1200px;
  --container-narrow: 960px;
  --container-padding: 20px;

  /* トランジション */
  --easing: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-speed: 0.3s;
  --transition-slow: 0.6s;

  /* シャドウ */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
}