/*
Theme Name: 내위치 - 자기진단 플랫폼
Theme URI: https://hagongdad.mycafe24.com
Description: 학습능력과 심리검사를 통해 현재 나의 위치를 정확히 파악하는 자기진단 플랫폼
Version: 3.0
Author: hagongdad
*/

:root {
    --bg-primary: #ffffff;
    --bg-secondary: #fafafa;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #888888;
    --border-color: #e5e5e5;
    --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: var(--font-sans);
    font-size: 18px;
    line-height: 1.8;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    -webkit-font-smoothing: antialiased;
    word-break: keep-all;
}

a { color: var(--text-primary); text-decoration: none; transition: opacity 0.2s; }
a:hover { opacity: 0.7; }

h1, h2, h3, h4 { font-weight: 700; line-height: 1.4; color: var(--text-primary); letter-spacing: -0.02em; }
h1 { font-size: 2.5rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.375rem; }

p { margin-bottom: 1.5rem; color: var(--text-secondary); font-size: 1.125rem; line-height: 1.9; }

button, .btn, input[type="submit"] {
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    padding: 1rem 1.5rem;
    border: 2px solid var(--text-primary);
    border-radius: 8px;
    background: var(--text-primary);
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

button:hover, .btn:hover { background: transparent; color: var(--text-primary); }

::selection { background: var(--text-primary); color: #fff; }

@media (max-width: 768px) {
    body { font-size: 17px; }
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
}