/* 여백이 이 브랜드의 유일한 장식입니다. 구분선·색면보다 여백을 먼저 씁니다. */

:root {
  --shell-max: 1200px;
  --shell-pad: 20px;        /* 375px 실사용 폭 335px */
  --shell-pad-md: 32px;
  --header-h: 64px;
  --header-h-md: 72px;

  /* 섹션 세로 여백 — 두 값만 씁니다 */
  --section-y: 96px;
  --section-y-md: 200px;

  /* 여백만으로 항목을 끊는 구간 (카드 없이 나열할 때) */
  --block-gap: 96px;
  --block-gap-md: 160px;
  --signature-gap-md: 220px;

  /* 카드 내부 */
  --card-pad: 24px;
  --card-pad-md: 36px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* 컨트롤 높이 — 50~70대 타깃 기준. 44px 미만 히트 영역은 없습니다. */
  --control-sm: 44px;
  --control-md: 52px;
  --control-lg: 56px;
  --control-lg-md: 60px;
  --control-hero: 60px;     /* min-height. 카피가 길어 2줄로 접힙니다 */
  --control-hero-md: 64px;
  --input-h: 56px;
  --slider-thumb: 28px;
}