/**
 * 라이트 모드 - CLAUDE.md 기존 색상 팔레트 사용
 */

/* 라이트 모드 CSS 변수 재정의 (CLAUDE.md 기준) */
html.light {
    /* 배경 색상 */
    --bg-main: #F8F9FC;
    --bg-card: #FFFFFF;
    --bg-section: #F3F4F8;
    --bg-navy: #F8F9FC;
    --bg-dark: #FFFFFF;

    /* 텍스트 색상 */
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;

    /* 테두리 색상 */
    --border-light: #E5E7EB;
    --border-card: rgba(139, 92, 246, 0.1);

    /* 카드 배경 */
    --card-bg: #FFFFFF;
    --card-bg-hover: #FFFFFF;

    /* 그림자 */
    --shadow-card: 0 2px 12px rgba(139, 92, 246, 0.08);
    --shadow-card-hover: 0 8px 24px rgba(139, 92, 246, 0.15);
}

/* body 배경 */
html.light body {
    background: var(--bg-main);
    color: var(--text-primary);
}