/*
Theme Name: Healing Quran Official
Theme URI: https://mucahost.com
Author: Md Shah Mahmud Sabuj
Description: Custom WordPress theme for Healing Quran based on the official PDF plan.
Version: 3.0
*/

:root {
    --primary-teal: #1A6B5A;
    --accent-gold: #B8860B;
    --bg-cream: #FAFAF8;
    --text-dark: #1C1C1C;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body { font-family: var(--font-body); margin: 0; padding: 0; color: var(--text-dark); background-color: var(--bg-cream); line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--primary-teal); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
a { text-decoration: none; transition: all 0.3s ease; }

.btn-gold { background-color: var(--accent-gold); color: #fff; padding: 12px 24px; border-radius: 4px; font-weight: 600; display: inline-block; font-family: var(--font-heading); }
.btn-gold:hover { background-color: #9c7209; transform: translateY(-2px); }
.btn-teal { background-color: var(--primary-teal); color: #fff; padding: 12px 24px; border-radius: 4px; font-weight: 600; display: inline-block; font-family: var(--font-heading); }
.btn-teal:hover { background-color: #135245; transform: translateY(-2px); }