/* v7/user/login.css - 로그인 페이지 전용 스타일 */

.login-wrapper {
    max-width: 400px;
    margin: 0 auto;
    padding: var(--wa-space-3xl) var(--wa-space-m) var(--wa-space-xl);
}

/* 헤더 */
.login-header {
    text-align: center;
    margin-bottom: var(--wa-space-2xl);
}
.login-header h1 {
    margin: 0 0 var(--wa-space-3xs) 0;
    font-size: var(--wa-font-size-xl);
    font-weight: var(--wa-font-weight-bold);
    color: var(--wa-color-text-normal);
    letter-spacing: -0.01em;
}
.login-header p {
    margin: 0;
    font-size: var(--wa-font-size-s);
    color: var(--wa-color-text-quiet);
}

/* 소셜 버튼 공통 */
.social-btn {
    width: 100%;
    --wa-input-height-large: 48px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

/* Google 버튼 브랜드 색상 */
.social-btn-google {
    --wa-color-neutral-on-loud: #fff;
    --wa-color-neutral-fill-loud: #4285f4;
    --wa-color-neutral-fill-loud-hover: #3b78e7;
    --wa-color-neutral-fill-loud-active: #3367d6;
}

/* 준비중 태그 */
.soon {
    font-size: 0.6rem;
    padding: 2px 8px;
    border-radius: var(--wa-border-radius-pill);
    background: color-mix(in srgb, var(--wa-color-text-quiet) 12%, transparent);
    color: var(--wa-color-text-quiet);
}

/* 구분선 */
.or-divider {
    display: flex;
    align-items: center;
    gap: var(--wa-space-s);
    color: var(--wa-color-text-subtlest);
    font-size: var(--wa-font-size-2xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.or-divider wa-divider { flex: 1; }

/* 약관 */
.login-terms {
    text-align: center;
    font-size: var(--wa-font-size-2xs);
    color: var(--wa-color-text-subtlest);
    line-height: 1.6;
    margin: 0;
}
.login-terms a {
    color: var(--wa-color-brand-60);
    text-decoration: none;
}
.login-terms a:hover { text-decoration: underline; }

/* 카카오 버튼 브랜드 색상 */
.social-btn-kakao {
    --wa-color-neutral-on-loud: #191919;
    --wa-color-neutral-fill-loud: #FEE500;
    --wa-color-neutral-fill-loud-hover: #F0D800;
    --wa-color-neutral-fill-loud-active: #E0CA00;
}

/* 네이버 버튼 브랜드 색상 */
.social-btn-naver {
    --wa-color-neutral-on-loud: #FFFFFF;
    --wa-color-neutral-fill-loud: #03C75A;
    --wa-color-neutral-fill-loud-hover: #02B350;
    --wa-color-neutral-fill-loud-active: #029E46;
}

/* 하단 */
.login-footer {
    text-align: center;
    margin-top: var(--wa-space-xl);
}