/*
 * Application CSS — 星目 HoshiAI
 * Updated: 2026-04-07
 */

/* 밝은 파스텔 라벤더 배경 — 신비감 유지 + 눈 피로 최소화 */
body {
  background: linear-gradient(180deg,
    #2d2456 0%,      /* 상단: 밝은 인디고 */
    #322860 30%,     /* 중간: 파스텔 보라 */
    #2a2050 70%,     /* 하단: 부드러운 보라 */
    #251c48 100%     /* 최하단: 라벤더 네이비 */
  );
  background-attachment: fixed;
}

/* 헤더 배경 — html/body와 동일 톤 */
header {
  background-color: rgba(45, 36, 86, 0.92) !important;
}

/* 카드/섹션 배경 — 밝고 부드럽게 */
section [class*="from-purple-900"],
section [class*="bg-purple-900/20"],
section [class*="bg-purple-900/30"] {
  background-color: rgba(60, 45, 100, 0.4) !important;
}

/* 본문 텍스트 — 밝은 라벤더 톤 */
.text-purple-200 {
  color: #e0d6f5 !important;
}

.text-purple-300 {
  color: #cfc0eb !important;
}

.text-purple-400 {
  color: #b8a5d8 !important;
}

/* 보조 텍스트 — 읽기 쉽게 */
.text-purple-500 {
  color: #9b88c0 !important;
}

/* PC/モバイル ナビ切り替え (Tailwind purge対策) */
#pc-nav { display: none !important; }
#mobile-menu-btn { display: block !important; }
@media (min-width: 768px) {
  #pc-nav { display: flex !important; }
  #mobile-menu-btn { display: none !important; }
  #mobile-menu { display: none !important; }
}

/* 보더 밝게 */
[class*="border-purple-700"],
[class*="border-purple-800"] {
  border-color: rgba(140, 110, 200, 0.25) !important;
}