:root {
  --color-primary: #03a3a8;
  --color-primary-light: #06b2b7;
  --color-accent: #ea5025;
  --color-accent-rgb: 234, 80, 37;
  --color-secondary: #f05a28;
  --color-secondary-rgb: 240, 90, 40;
  --color-text: #111111;
  --color-text-light: #555555;
  --color-bg-white: #ede6d6;
  --color-bg-light: #e5dac5;
  --color-bg-dark: #03a3a8;
  --color-border: #111111; /* ビンテージ風の境界線は黒にする */
  --color-shadow: rgba(17, 17, 17, 0.15); /* 薄いシャドウカラー */
  --font-family-base: 'Inter', 'Noto Sans JP', sans-serif;
  --font-family-en: 'Inter', sans-serif;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-base: clamp(1.4rem, 1vw + 1rem, 1.6rem);
  --font-size-section-ja: clamp(2.8rem, 5vw + 1rem, 4.8rem);
  --font-size-section-en: clamp(1.4rem, 2vw + 0.5rem, 2.0rem);
  --font-size-lead: clamp(1.6rem, 2vw + 1rem, 2.0rem);
  --font-size-btn: clamp(1.6rem, 2vw + 0.5rem, 2.0rem);
  --header-height-pc: 80px;
  --header-height-pc-scrolled: 64px;
  --header-height-sp: 64px;
  --header-height-sp-scrolled: 56px;
  --transition-speed: 0.3s;
  --transition-easing: cubic-bezier(0.25, 1, 0.5, 1);
  --inner-max-width: 1200px;
  --section-padding: clamp(60px, 8vw, 120px);
}