:root {
  --blue: #007AFF;
  --blue-soft: #E8F2FF;
  --toggle-arch-color: #007AFF;
  --green: #34C759;
  --green-soft: #EBF9EE;
  --gold: #FFCC00;
  --gold-soft: #FFF9E5;
  --text-1: #1d1d1f;
  --text-2: #86868b;
  --bg: #ffffff;
  --bg-2: #f5f5f7;
  --border: rgba(0, 0, 0, 0.08);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --easing: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-diffused: 0 40px 100px rgba(0, 0, 0, 0.12);
  --shadow-window: 0 20px 60px rgba(0, 0, 0, 0.2);
  --fs-display: clamp(2.75rem, 2.2rem + 2.2vw, 4.5rem);
  --fs-h1: clamp(2.25rem, 1.9rem + 1.6vw, 3.5rem);
  --fs-h2: clamp(1.875rem, 1.6rem + 1vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.2rem + 0.3vw, 1.5rem);
  --fs-body-lg: clamp(1.125rem, 1.036rem + 0.446vw, 1.375rem);
  --fs-body: clamp(1rem, 0.964rem + 0.179vw, 1.0625rem);
  --fs-small: clamp(0.8125rem, 0.777rem + 0.179vw, 0.875rem);
  --fs-caption: clamp(0.75rem, 0.732rem + 0.089vw, 0.8125rem);
  --fs-list: clamp(0.875rem, 0.857rem + 0.089vw, 0.9375rem);
  --space-hero-top: clamp(6rem, 5.5rem + 2.5vw, 8.5rem);
  --space-hero-bottom: clamp(3.5rem, 3rem + 2vw, 5rem);
  --space-section-y: clamp(4rem, 3.6rem + 2vw, 5.5rem);
  --space-section-emphasis: clamp(5rem, 4.5rem + 2vw, 6.5rem);
}