/* B modern yellow: user selected on 2026-09-08. Shared tokens; light color mapping lives in approved-round.css. */
:where([data-mori-theme="modern-yellow"]) {
  /* 노랑은 브랜드 강조면, 본문은 중성 그레이. 사진 고유 색을 유지한다. */
  --mori-color-primary: #F3C94A;
  --mori-color-primary-soft: #FFF4CF;
  --mori-color-primary-hover: #EDC039;
  --mori-color-primary-pressed: #E1B12A;
  --mori-color-background: #F6F6F4;
  --mori-color-card: #FFFFFF;
  --mori-color-text-main: #24272C;
  --mori-color-text-secondary: #8E8E93;
  /* 원본 회색과 작은 날짜·설명용 읽기 색을 구분한다. */
  --mori-color-text-secondary-readable: #62676E;
  --mori-color-text-on-primary: #24272C;
  --mori-color-text-accent: #756012;
  --mori-color-divider: #E4E5E7;
  --mori-color-focus: #756012;
  --mori-color-disabled-background: #ECEDEF;
  --mori-color-disabled-text: #62676E;

  /* 현재 로컬 PetRound는 400/800 제공. 600은 요청값이며 실폰트 확인 필요. */
  --mori-font-family-body: PetRound, "Malgun Gothic", system-ui, sans-serif;
  --mori-font-family-heading: var(--mori-font-family-body);
  --mori-font-weight-body: 400;
  --mori-font-weight-medium: 600;
  --mori-font-weight-heading: 800;
  --mori-font-size-body: 16px;
  --mori-font-size-heading: 22px;
  --mori-font-size-caption: 13px;
  --mori-line-height-body: 1.65;
  --mori-line-height-heading: 1.4;
  --mori-line-height-caption: 1.5;
  --mori-letter-spacing-body: -0.2px;
  --mori-font-numeric: tabular-nums;

  /* 공통 간격: 같은 컴포넌트에 두 테마를 바꿔 연결할 수 있다. */
  --mori-space-1: 4px;
  --mori-space-2: 8px;
  --mori-space-3: 12px;
  --mori-space-4: 16px;
  --mori-space-5: 20px;
  --mori-space-6: 24px;
  --mori-space-8: 32px;
  --mori-page-padding-inline: var(--mori-space-4);
  --mori-section-gap: var(--mori-space-8);
  --mori-feed-gap: var(--mori-space-5);

  /* 기록 카드 / 사진 */
  --mori-card-background: var(--mori-color-card);
  --mori-card-radius: 20px;
  --mori-card-border: none;
  --mori-card-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  --mori-card-padding: var(--mori-space-5);
  --mori-card-content-gap: var(--mori-space-3);
  --mori-card-title-color: var(--mori-color-text-main);
  --mori-record-date-color: var(--mori-color-text-secondary-readable);
  --mori-photo-radius: 20px;
  --mori-photo-background: var(--mori-color-background);
  --mori-photo-object-fit: contain;

  /* 날짜 / D+ 배지: 계산 방식이나 문구, 가짜 D+ 데이터는 만들지 않는다. */
  --mori-badge-font-size: 13px;
  --mori-badge-font-weight: 600;
  --mori-badge-line-height: 1.5;
  --mori-badge-radius: 12px;
  --mori-badge-padding: 4px 10px;
  --mori-badge-background: var(--mori-color-primary-soft);
  --mori-badge-text: var(--mori-color-text-main);

  /* 프로필 / 타임라인 헤더 */
  --mori-profile-header-gap: var(--mori-space-3);
  --mori-profile-header-padding: var(--mori-space-5);
  --mori-avatar-size: 48px;
  --mori-avatar-radius: 50%;
  --mori-avatar-ring-width: 2px;
  --mori-avatar-ring-style: solid;
  --mori-avatar-ring-color: var(--mori-color-primary);
  --mori-avatar-ring: 2px solid var(--mori-color-primary);
  --mori-avatar-ring-gap: 3px;

  /* 메인 CTA: pill 형태. 부드러운 보조 버튼은 연한 노랑을 사용한다. */
  --mori-button-radius: 999px;
  --mori-button-min-height: 48px;
  --mori-button-padding: 12px 24px;
  --mori-button-font-size: 16px;
  --mori-button-font-weight: 600;
  --mori-button-primary-background: var(--mori-color-primary);
  --mori-button-primary-text: var(--mori-color-text-on-primary);
  --mori-button-primary-hover: var(--mori-color-primary-hover);
  --mori-button-primary-pressed: var(--mori-color-primary-pressed);
  --mori-button-soft-background: var(--mori-color-primary-soft);
  --mori-button-soft-text: var(--mori-color-text-main);
  --mori-button-disabled-background: var(--mori-color-disabled-background);
  --mori-button-disabled-text: var(--mori-color-disabled-text);
  --mori-button-border: none;
  --mori-button-shadow: none;
  --mori-focus-outline: 2px solid var(--mori-color-focus);
  --mori-focus-offset: 3px;
  --mori-touch-target-min: 44px;
}