/*
Theme Name: Yoga Chuông cùng Palm
Theme URI: https://beautysalontemp.mehubb.com/
Author: Multi-Niche Business Theme Engine
Description: Dynamic Theme for Yoga Chuông cùng Palm (Yoga Chuông Xoay & Trị Liệu Wellness).
Version: 1.2.0
Text Domain: beauty-salon
*/

:root {
    --salon-accent: #2a9d8f;
    --salon-accent-hover: #1e7268;
    --salon-accent-light: rgba(42, 157, 143, 0.12);
    --salon-gold: #e9c46a;
    --salon-gold-hover: #c9a44b;
    --salon-gold-light: rgba(233, 196, 106, 0.15);
    --salon-bg: #fffdfa;
    --salon-bg-alt: #f7faf9;
    --salon-surface: #ffffff;
    --salon-text: #2b2d42;
    --salon-muted: #5c6b73;
    --salon-border: rgba(42, 157, 143, 0.18);
    --salon-shadow-sm: 0 4px 12px rgba(29, 53, 87, 0.05);
    --salon-shadow-md: 0 10px 30px rgba(29, 53, 87, 0.09);
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
}

html { box-sizing: border-box; scroll-behavior: smooth; }
*, *:before, *:after { box-sizing: inherit; }
body { font-family: var(--font-body); color: var(--salon-text); background-color: var(--salon-bg); font-size: 1.125rem; line-height: 1.7; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: #1d3557; font-weight: 700; line-height: 1.25; margin-top: 0; }
h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 1.75rem; }
p { margin-bottom: 1.2rem; }
a { color: var(--salon-accent); text-decoration: none; transition: all 0.2s ease; }
a:hover { color: var(--salon-gold); }