/* ══════════════════════════════════════════
   Warm Romantic — 웜 로맨틱
   로즈 하트 일러스트 기반, 밝고 로맨틱한 노을빛 블러시 라이트 테마
   ══════════════════════════════════════════ */

[data-site-theme="warm-romantic"] {
  --cb-bg:              #fdf2f0;
  --cb-bg-card:         rgba(255, 255, 255, 0.82);
  --cb-bg-header:       rgba(255, 244, 241, 0.80);
  --cb-bg-nav:          rgba(255, 248, 246, 0.96);

  --cb-accent:          #f5587b;
  --cb-accent-2:        #ff9a5b;
  --cb-accent-rgb:      245, 88, 123;

  --cb-text:            #4a2b35;
  --cb-text-muted:      #9a6b78;
  --cb-text-soft:       #6b4651;
  --cb-nav-text:        #8a5c68;
  --cb-nav-active:      #f5587b;
  --cb-footer-text:     #6b4651;
  --cb-footer-muted:    #9a6b78;
  --cb-footer-strong:   #4a2b35;
  --cb-divider:         rgba(150, 70, 90, 0.12);
  --cb-border:          rgba(150, 70, 90, 0.14);

  /* 시맨틱 토큰 — 웜 라이트 값 */
  --cb-text-faint:      #b89aa3;
  --cb-on-accent:       #ffffff;
  --cb-surface:         rgba(150, 70, 90, 0.05);
  --cb-surface-strong:  rgba(150, 70, 90, 0.10);
  --cb-surface-2:       #fbe7e4;
  --cb-border-soft:     rgba(150, 70, 90, 0.08);

  --cb-ambient-1:       rgba(245, 88, 123, 0.12);
  --cb-ambient-2:       rgba(255, 154, 91, 0.10);
  --cb-ambient-3:       rgba(255, 190, 150, 0.10);

  --cb-hero-gradient:   linear-gradient(to right, #f5587b, #ff7a6b, #ff9a5b);
  --cb-cta-gradient:    linear-gradient(to right, #f5587b, #ff7a6b);
  --cb-cta-glow:        rgba(245, 88, 123, 0.28);
  --cb-cta-glow-hover:  rgba(245, 88, 123, 0.45);

  --cb-scrollbar-thumb: #f0c4cc;
  --cb-scrollbar-track: #fdf2f0;
  --cb-scrollbar-hover: #f5587b;

  --cb-bubble-user:     rgba(245, 88, 123, 0.14);
  --cb-bubble-buddy:    rgba(255, 255, 255, 0.92);

  --cb-font-display:    'Inter', 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
}

[data-site-theme="warm-romantic"] body {
  background:
    linear-gradient(180deg, rgba(255, 224, 214, 0.5), transparent 30%),
    radial-gradient(ellipse at 50% 0%, #ffe6dd 0%, #fdf2f0 42%, #fbeae9 100%);
}

/* 웜 로맨틱 — 일러스트가 크림 배경으로 녹아드는 히어로 */
[data-site-theme="warm-romantic"] .cb-theme-hero-bg {
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 245, 242, 0.34) 0%,
      rgba(255, 245, 242, 0.12) 14%,
      rgba(253, 242, 240, 0.00) 40%,
      rgba(253, 242, 240, 0.38) 55%,
      rgba(253, 242, 240, 0.78) 72%,
      rgba(253, 242, 240, 0.94) 86%,
      rgba(253, 242, 240, 1.00) 100%
    ),
    radial-gradient(ellipse at 50% 10%, rgba(255, 214, 184, 0.30) 0%, transparent 32%),
    radial-gradient(ellipse at 18% 26%, rgba(245, 120, 150, 0.18) 0%, transparent 30%),
    radial-gradient(ellipse at 84% 20%, rgba(255, 180, 120, 0.18) 0%, transparent 28%),
    var(--cb-bg-hero, url('/themes/assets/rose-heart-premium-hero.png'));
  background-size: auto, auto, auto, auto, cover;
  background-position: center, center, center, center, center -22%;
  background-repeat: no-repeat;
}

[data-site-theme="warm-romantic"] .cb-theme-hero-glow {
  background: radial-gradient(
    ellipse 78% 60% at 50% 6%,
    rgba(255, 230, 215, 0.30) 0%,
    rgba(255, 170, 150, 0.12) 38%,
    transparent 72%
  );
}

[data-site-theme="warm-romantic"] *:focus-visible {
  outline-color: #f5587b;
}

[data-site-theme="warm-romantic"] ::selection {
  background-color: rgba(245, 88, 123, 0.22);
}