/*
 * Code Destiny 듀얼 페르소나 디자인 토큰 (표시 전용, additive)
 * - 연이(기본, 꽃 컨셉): 라벤더-핑크/크림 + 골드 — index.html pig 팔레트에서 추출
 * - 네오(달빛 컨셉): 다크 네이비-퍼플 + 라벤더 + 샴페인 골드 — body.neo-mode 팔레트에서 추출
 * 정적 허브(index.html)는 body.neo-mode 클래스, Next 앱은 html[data-cd-theme="neo"]로 전환.
 * localStorage 키 'fortuneThemeModeStateV1' (pig|neo) 을 양쪽이 공유한다.
 */

:root {
  /* 연이 — 아름다운 꽃 */
  --cd-bg: #fffaf7;
  --cd-bg-gradient: linear-gradient(180deg, #fffaf7 0%, #fff3f8 42%, #f8fbf4 100%);
  --cd-surface: rgba(255, 255, 255, 0.96);
  --cd-surface-2: rgba(255, 247, 250, 0.84);
  --cd-text: #3c1830;
  --cd-text-muted: #70445c;
  --cd-accent: #b31955;
  --cd-accent-soft: #f4bed1;
  --cd-gold: #ead089;
  --cd-gold-soft: #fff8dc;
  --cd-border: rgba(216, 63, 120, 0.16);
  --cd-cta: linear-gradient(135deg, #fff8dc 0%, #ead089 48%, #f4bed1 100%);
  --cd-cta-text: #3c1830;
  --cd-shadow: 0 12px 24px rgba(150, 72, 104, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/*
 * Next 앱 화면용 페이지 토큰 — 네오 모드에서만 정의.
 * 사용처는 var(--cd-page-*, 기존색) fallback 패턴으로 참조하므로
 * 기본(연이) 모드에서는 각 화면의 기존 색이 그대로 유지된다(픽셀 변화 없음).
 */
html[data-cd-theme="neo"] {
  --cd-page-bg: #0a0818;
  --cd-page-bg-gradient: linear-gradient(165deg, #0a0818 0%, #13102a 48%, #090718 100%);
  --cd-page-card: rgba(19, 16, 42, 0.92);
  --cd-page-border: rgba(196, 181, 253, 0.32);
  --cd-page-accent: #e8d5a3;
}

body.neo-mode,
html[data-cd-theme="neo"] {
  /* 네오 — 달빛 */
  --cd-bg: #0a0818;
  --cd-bg-gradient: linear-gradient(165deg, #0a0818 0%, #13102a 48%, #090718 100%);
  --cd-surface: rgba(19, 16, 42, 0.96);
  --cd-surface-2: rgba(10, 8, 24, 0.98);
  --cd-text: #f4eeff;
  --cd-text-muted: rgba(200, 170, 255, 0.7);
  --cd-accent: #c4b5fd;
  --cd-accent-soft: rgba(167, 139, 250, 0.24);
  --cd-gold: #e8d5a3;
  --cd-gold-soft: #f4e9c8;
  --cd-border: rgba(196, 181, 253, 0.32);
  --cd-cta: linear-gradient(145deg, rgba(56, 47, 118, 0.98), rgba(31, 24, 74, 0.92), rgba(246, 211, 132, 0.9));
  --cd-cta-text: #090718;
  --cd-shadow: 0 14px 26px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(228, 214, 255, 0.12);
}

/*
 * AI 상담 결과 본문(장문 프로즈) 전용 타이포그래피 토큰 — additive, opt-in.
 * `AiResultProse` 컴포넌트(components/fortune/)에서만 참조하므로 기존 화면은 영향 없음.
 * 색은 --cd-prose-body-color만 정의(네오에서 순백 대신 라벤더 톤으로 눈부심 완화),
 * 나머지는 caller의 기존 색을 그대로 쓰도록 currentColor로 둔다.
 */
:root {
  --cd-prose-font-size: 16px;
  --cd-prose-line-height: 1.75;
  --cd-prose-measure: 66ch;
  --cd-prose-paragraph-gap: 1.15em;
  --cd-prose-letter-spacing: -0.01em;
  --cd-prose-body-color: currentColor;
}

body.neo-mode,
html[data-cd-theme="neo"] {
  --cd-prose-body-color: #ded7f5;
}