:root { --bg: #030712; --card: #0f172a; --primary: #facc15; --accent: #FF8E00; --border: #334155; }
/* [V15-THEME-LIGHT, 2026-08-01] Phase 2 — 전달.md "메인 > ... 내 종목 분석 ...
   모두 라이트 테마 적용안돼" 지적. --primary/--accent를 라이트 컨셉 블루/퍼플로. */
/* [V16-THEME-BRAND, 2026-08-17] 다크 기본값도 예전 블루/퍼플(#3b82f6/#8b5cf6)에서
   브랜드 노랑/오렌지로 통일 — 전달.md "포트폴리오 왜 색상이 달라?" 지적, 다크모드도
   브랜드 노랑 통일 승인. */
[data-theme="light"] {
    --bg: #eef2f7;
    --card: #ffffff;
    --primary: #b45309;
    --accent: #f59e0b;
    --border: #e2e8f0;
}
body { background-color: var(--bg); color: #f8fafc; font-family: var(--font-sans); margin: 0; padding: 0; }
[data-theme="light"] body { color: #0f172a; }
.v12-container { max-width: 700px; margin: 0 auto; padding: 120px 24px 100px; }
.portfolio-header { text-align: center; margin-bottom: 60px; }
.item-card { 
    background: rgba(30, 41, 46, 0.4); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
    border-radius: 24px; 
    padding: 24px 30px; 
    margin-bottom: 20px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    backdrop-filter: blur(10px);
}
.item-card:hover { transform: translateY(-5px); background: rgba(59, 130, 246, 0.08); border-color: rgba(59, 130, 246, 0.3); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.ticker-badge { 
    background: linear-gradient(135deg, var(--primary), var(--accent)); 
    padding: 12px 0; 
    border-radius: 16px; 
    font-weight: 900; 
    min-width: 100px; 
    text-align: center;
    color: #374151;
    box-shadow: 0 8px 16px rgba(250, 204, 21, 0.25);
    letter-spacing: 1px;
}
/* [V16-THEME-BRAND, 2026-08-17] 라이트 배지 배경(amber-700 #b45309)은 어두운 톤이라
   기존처럼 흰 텍스트 유지 — 다크(밝은 노랑/오렌지)만 대비를 위해 위에서 차콜로 전환. */
[data-theme="light"] .ticker-badge { color: white; }
.item-info { flex: 1; margin-left: 24px; }
.item-title { font-weight: 900; font-size: 1.25rem; color: #fff; tracking-tight; }
.item-desc { font-size: 0.85rem; color: #64748b; margin-top: 4px; font-weight: 500; }

[data-theme="light"] .item-card {
    background: rgba(15, 23, 42, 0.03);
    border-color: rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .item-card:hover {
    background: rgba(180, 83, 9, 0.08);
    border-color: rgba(180, 83, 9, 0.3);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);
}
[data-theme="light"] .item-title { color: #0f172a; }

/* Tailwind CDN 유틸리티 클래스 오버라이드 */
[data-theme="light"] .text-white { color: #0f172a !important; }
[data-theme="light"] .text-gray-400 { color: #64748b !important; }
[data-theme="light"] .text-gray-500 { color: #64748b !important; }
[data-theme="light"] .text-gray-600 { color: #94a3b8 !important; }
[data-theme="light"] .text-gray-700 { color: #94a3b8 !important; }
[data-theme="light"] .bg-gray-900\/40 { background-color: rgba(15, 23, 42, 0.03) !important; }
[data-theme="light"] .border-white\/10 { border-color: rgba(15, 23, 42, 0.1) !important; }
[data-theme="light"] .bg-white\/5 { background-color: rgba(15, 23, 42, 0.04) !important; }
[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgba(15, 23, 42, 0.08) !important; }