/* 바디리페어 바레: 글자와 색상, 화면 폭과 여백 및 상단 헤더 확정 기준과 메인 신청 버튼 선택값, v1.5.0 */
/* 역할별 크기의 화면 전환 지점과 나머지 공통 요소는 후속 검토에서 정합니다. */
:root {
  --br-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;

  --br-color-background: #FEFDFC;
  --br-color-title: #292723;
  --br-color-body: #514D48;
  --br-color-muted-text: #716B64;
  --br-color-footer-text: #8A9686;
  --br-color-brand-primary: #3B7302;
  --br-color-brand-bright: #8DBF21;
  --br-color-brand-deep: #214001;
  --br-color-brand-soft: #F1F7E5;
  --br-color-decorative-divider: #B8BFBC;
  --br-color-primary-button-text: #FFFFFF;
  --br-color-primary-button-hover: #2F5C02;
  --br-color-primary-button-pressed: #214001;

  --br-type-hero-mobile: 2.25rem;
  --br-type-hero-desktop: 3.75rem;
  --br-type-section-mobile: 1.75rem;
  --br-type-section-desktop: 2.5rem;
  --br-type-item-title-mobile: 1.25rem;
  --br-type-item-title-desktop: 1.5rem;
  --br-type-body-mobile: 1rem;
  --br-type-body-desktop: 1.125rem;
  --br-type-caption-mobile: 0.875rem;
  --br-type-caption-desktop: 0.875rem;
  --br-type-label-mobile: 0.875rem;
  --br-type-label-desktop: 1rem;
  --br-type-button-mobile: 1rem;
  --br-type-button-desktop: 1rem;
  --br-type-input-mobile: 1rem;
  --br-type-input-desktop: 1rem;

  --br-weight-hero: 600;
  --br-weight-section: 600;
  --br-weight-item-title: 600;
  --br-weight-body: 400;
  --br-weight-caption: 400;
  --br-weight-label: 500;
  --br-weight-button: 600;
  --br-weight-input: 400;

  --br-leading-hero: 1.3;
  --br-leading-section: 1.3;
  --br-leading-item-title: 1.4;
  --br-leading-body: 1.7;
  --br-leading-caption: 1.6;
  --br-leading-label: 1.5;
  --br-leading-button: 1.5;
  --br-leading-input: 1.5;

  --br-tracking-hero: -0.03em;
  --br-tracking-section: -0.03em;
  --br-tracking-item-title: -0.02em;
  --br-tracking-body: -0.01em;
  --br-tracking-caption: -0.01em;
  --br-tracking-label: -0.01em;
  --br-tracking-button: -0.01em;
  --br-tracking-input: -0.01em;

  /* 2026-10-15 선택값 적용. 공통 요소 전체의 고정을 의미하지 않습니다. */
  --br-button-height: 52px;
  --br-button-radius: 14px;
  --br-card-radius: 20px;
  --br-card-inner-padding: 28px;

  /* 2026-10-16 메인 신청 버튼 선택값 적용. 해당 버튼에만 사용합니다. */
  --br-hero-cta-width: 172px;
  --br-hero-cta-height: 52px;
  --br-hero-cta-radius: 26px;

  /* 메인 신청 버튼 유리 표면 선택값 적용. 실제 영상 위에서 추가 검토합니다. */
  --br-hero-cta-glass-edge-refraction: 12px;
  --br-hero-cta-glass-rim-opacity: 0.6;
  --br-hero-cta-glass-rim-width: 2.3px;

  /* 2026-10-16 균형형 화면 폭과 여백 고정. */
  --br-layout-mobile-side-padding: 20px;
  --br-layout-mobile-section-gap: 80px;
  --br-layout-mobile-heading-description-gap: 16px;
  --br-layout-mobile-description-button-gap: 24px;
  --br-layout-content-max-width: 1120px;
  --br-layout-paragraph-max-width: 640px;
  --br-layout-desktop-side-padding: 40px;
  --br-layout-desktop-section-gap: 120px;
  --br-layout-desktop-heading-description-gap: 20px;
  --br-layout-desktop-description-button-gap: 32px;

  /* 2026-10-16 상단 헤더의 크기와 부드러운 전환 고정. */
  --br-header-height: 64px;
  --br-header-menu-gap: 28px;
  --br-header-temporary-logo-font-size: 18px;
  --br-header-motion-duration: 360ms;
  --br-header-motion-easing: cubic-bezier(.4,0,.2,1);
}