/* user-vue2 전용 테마 오버라이드 — 아주 살짝 다른 디자인
 * 기존 user-vue(원본)과 동일 레이아웃에서:
 * 1) 포인트 컬러: 그린 → 딥 틸(teal)
 * 2) 로고 배지: 딥 그레이 → 인디고
 * 3) 카드 라운드 +2px, 배경 살짝 오프화이트
 */

:root {
  --green: #00b3a4;
  --green-dark: #029a8d;
  --bg-gray: #f7f9fb;
}

body {
  background: #fbfcfe;
}

/* 로고 배지 (헤더/서브/로그인/마이페이지/IPO/계좌 공통) */
.logo-badge,
.sub-logo-badge,
.auth-logo-badge,
.mp-logo-badge,
.ipo-logo-badge,
.acc-logo-badge {
  background: #2f3e9e;
}

/* 카드 라운드 살짝 증가 */
.card,
.mp-card,
.acc-card,
.acc-stat-card,
.ipo-top5-card,
.ipo-if-card,
.ipo-carousel-card,
.auth-card {
  border-radius: 14px;
}

/* 섹션 헤더 타이틀 포인트 언더라인/마커가 변수를 쓰는 경우 대비 */
.section-title::before {
  background: var(--green);
}