/**
 * 로랑한의원 - 턱관절 상세페이지 스타일
 * Light Mode / Pretendard Font Only
 */

/* ========== Base Styles ========== */
:root {
    --primary: #1D1D1F;
    --secondary: #6B7280;
    --accent: #FF5C00;
    --bg-light: #FFFFFF;
    --bg-section: #F9FAFB;
    --border: #E5E7EB;
}

* {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
    background-color: var(--bg-light);
    color: var(--primary);
}

/* ========== Typography ========== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.4;
    color: var(--primary);
}

p {
    line-height: 1.8;
    color: var(--secondary);
}

/* ========== Utility Classes ========== */
.section-padding {
    padding: 100px 24px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.text-accent {
    color: var(--accent);
}

/* ========== Section Backgrounds ========== */
.bg-section-alt {
    background-color: var(--bg-section);
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
    .section-padding {
        padding: 80px 20px;
    }
}