/* 테마: Light — 진짜 라이트 모드.
   흰색 배경 + 어두운 텍스트 + 검정 계열 accent.
   다른 컬러 테마(red/orange/.../brown)는 항상 다크 배경 위에서 동작하지만,
   이 테마만은 :root 기본 토큰을 대거 override 해서 배경·텍스트·보더를 전면 반전한다. */
:root[data-theme="light"] {
    /* Surfaces — bg 반전 */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-card: rgba(248, 250, 252, 0.8);
    --bg-elevated: #f1f5f9;
    --bg-sunken: #f1f5f9;

    /* Borders — 연한 회색 */
    --border-hairline: #e2e8f0;
    --border-strong: #cbd5e1;

    /* Text — 어두운 톤으로 반전 */
    --text-primary: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-faint: #94a3b8;

    /* Accent — slate-900 계열 (검정에 가까운 톤) */
    --accent-rgb: 15 23 42;
    --accent-dim: #475569;
    --accent-bright: #0f172a;
    --accent-soft: rgb(var(--accent-rgb) / 0.06);
    --accent-soft-2: rgb(var(--accent-rgb) / 0.12);

    /* 섹션 타이틀 박스 (ex. "추천 번호 받기") — 검정 배경 알파 0.8 + 흰 글자 (h2 기본 color 유지) */
    --title-bg: rgba(0, 0, 0, 0.8);
    --title-border: rgba(0, 0, 0, 0.8);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #0f172a 0%, #334155 100%);
    --gradient-h: linear-gradient(90deg, #0f172a 0%, #475569 100%);

    /* Shadows — 라이트 배경에선 약한 회색 음영 */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.08);
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.12);

    /* 브라우저 네이티브 UI (스크롤바/셀렉트 등) light 스킴 사용 */
    color-scheme: light;
}

/* ── 상단 네비는 Light 모드에서도 다크 유지 (의도적) ──
   페이지 본문은 라이트 반전되지만 nav 만은 "검정 배경 + 흰 글자" 로
   강한 브랜드 컨텍스트 유지. 아래 규칙은 :root[data-theme="light"] 하위에서만 적용. */
:root[data-theme="light"] .nav {
    background: rgba(10, 11, 14, 0.85);
}
:root[data-theme="light"] .nav-logo,
:root[data-theme="light"] .nav-logo:hover {
    color: #ffffff;
}
:root[data-theme="light"] .nav-link {
    color: #e0e4eb;
}
:root[data-theme="light"] .nav-link:hover {
    color: #ffffff;
    background: #181c25;
}
:root[data-theme="light"] .nav-link i {
    color: inherit;
}
:root[data-theme="light"] .nav-settings-btn {
    color: #e0e4eb;
    border-color: rgba(255, 255, 255, 0.4);
}
:root[data-theme="light"] .nav-settings-btn:hover,
:root[data-theme="light"] .nav-settings-btn[aria-expanded="true"] {
    color: #ef4444;
    border-color: rgba(255, 255, 255, 0.7);
}
:root[data-theme="light"] .nav-mobile-btn span {
    background: #e0e4eb;
}

/* Hero 타이틀 '세계 최고 수준의 AI 추론 모델' + 'Claude Opus 4.7' — 완전 검정 (Light 모드) */
:root[data-theme="light"] .hero-title .title-subline {
    color: #000000;
    -webkit-text-fill-color: #000000;
    text-shadow: none;
}
:root[data-theme="light"] .title-gradient,
:root[data-theme="light"] .title-rainbow {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
}

/* 중앙 발광 동그라미 (hbgGlow radialGradient 사용 circle) — Light 모드에선 흰 배경에 회색 구름처럼 보여 지저분 → 알파 0.1 로 약화 */
:root[data-theme="light"] .hero-bg-svg circle[fill*="hbgGlow"] {
    opacity: 0.1;
}

/* 로또 볼 — Light 배경에서 알파 0.3 이면 너무 흐려서 0.8 로 강화 */
:root[data-theme="light"] .ball-1 { background: linear-gradient(160deg, rgba(245, 158, 11, 0.8), rgba(180, 83, 9, 0.8)); }
:root[data-theme="light"] .ball-2 { background: linear-gradient(160deg, rgba(59, 130, 246, 0.8), rgba(30, 64, 175, 0.8)); }
:root[data-theme="light"] .ball-3 { background: linear-gradient(160deg, rgba(239, 68, 68, 0.8), rgba(153, 27, 27, 0.8)); }
:root[data-theme="light"] .ball-4 { background: linear-gradient(160deg, rgba(107, 114, 128, 0.8), rgba(55, 65, 81, 0.8)); }
:root[data-theme="light"] .ball-5 { background: linear-gradient(160deg, rgba(16, 185, 129, 0.8), rgba(4, 120, 87, 0.8)); }

/* 누적 당첨 결과 — 회차별 draw-row 배경 0.4 → 0.1 (원본 !important 때문에 override 에도 !important 필요) */
:root[data-theme="light"] .draw-row {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* 다차원 분석 레이더 차트 거미줄 — 흰 배경에서 회색 0.15 는 거의 안 보여서 검정 0.3 으로 올림 */
:root[data-theme="light"] .radar-grid {
    stroke: rgba(0, 0, 0, 0.3);
}
:root[data-theme="light"] .radar-axis {
    stroke: rgba(0, 0, 0, 0.3);
}
/* 실측 polygon 면적 — accent-soft(0.06) 너무 연함 → accent 알파 0.7 */
:root[data-theme="light"] .radar-polygon {
    fill: rgb(var(--accent-rgb) / 0.7);
}

/* Hero CTA 버튼 (추천 번호 받기 / 당첨 결과 / 다차원 분석) — Light 모드에선 완전 검정 + 흰 글자로 강한 대비 */
:root[data-theme="light"] .hero-cta .btn-primary,
:root[data-theme="light"] .hero-cta .btn-glass {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}
:root[data-theme="light"] .hero-cta .btn-primary i,
:root[data-theme="light"] .hero-cta .btn-glass i {
    color: #ffffff;
}
:root[data-theme="light"] .hero-cta .btn-primary:hover,
:root[data-theme="light"] .hero-cta .btn-glass:hover {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}
:root[data-theme="light"] .hero-cta .btn-primary:hover i,
:root[data-theme="light"] .hero-cta .btn-glass:hover i {
    color: #ffffff;
}

/* MATHEMATICAL REASONING / PUBLIC RESEARCH / STATISTICAL ANALYSIS 배지 — Light 모드에서 검정 배경 알파 0.7 + 흰 글자 */
:root[data-theme="light"] .title-green {
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}