/*
Theme Name: teeth-straightening
Version: 1.5
Author: World Class Engineer
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Zen+Maru+Gothic:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');

:root {
    --bg-ivory: #F5F2ED;
    --bg-pink: #EAE0E5;
    --text-gray: #636171;
    --brand-purple: #8E5572;
    --grad-main: linear-gradient(180deg, #8E5572 0%, #693851 100%);
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    color: var(--text-gray);
    background-color: var(--bg-ivory);
    overflow-x: hidden;
    line-height: 1.8;
}

h1, h2, h3, .font-maru {
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    color: var(--brand-purple);
}

section { padding: 100px 0; }
@media (max-width: 767px) { section { padding: 60px 0; } }

.btn-dentist {
    background: var(--grad-main);
    color: #fff;
    border-radius: 100px;
    padding: 15px 40px;
    border: none;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}

.btn-dentist:hover { opacity: 0.8; color: #fff; transform: translateY(-3px); }

.card-white {
    background: #fff;
    border-radius: 30px;
    border: none;
    box-shadow: 0 10px 30px rgba(142, 85, 114, 0.05);
    padding: 40px;
    height: 100%;
}