:root {
    --bg: #eef7ed;
    --surface: rgba(255, 255, 255, 0.88);
    --surface-strong: #ffffff;
    --header-bg: rgb(248, 252, 246);
    --text: #1f3b2d;
    --muted: #5c7c67;
    --accent: #2f855a;
    --accent-2: #84cc16;
    --border: rgba(47, 133, 90, 0.18);
    --shadow: 0 18px 46px rgba(47, 133, 90, 0.12);
    --hero: linear-gradient(135deg, rgba(47,133,90,0.11), rgba(132,204,22,0.10));
    --radius: 22px;
}
body { background: linear-gradient(180deg, #f4fbf1 0%, #eef7ed 45%, #e3f0df 100%); color: var(--text); font-family: Inter, Arial, sans-serif; }
.site-shell { background-image: radial-gradient(circle at top left, rgba(132,204,22,0.12), transparent 22%), radial-gradient(circle at bottom right, rgba(47,133,90,0.10), transparent 20%); }
.site-footer { background: rgba(248, 252, 246, 0.84); backdrop-filter: blur(10px); }
.logo-box, .page-card, .style-card, .submenu-list { background: var(--surface); box-shadow: var(--shadow); }
.main-menu a:hover, .main-menu .is-active > a, .submenu-item a:hover, .style-card.active { background: rgba(47, 133, 90, 0.08); border-color: rgba(47, 133, 90, 0.24); }
.style-badge { background: linear-gradient(135deg, #d9f99d, #86efac); color: #166534; }
.site-accent { background: linear-gradient(90deg, #2f855a, #84cc16); }

/* Breadcrumbs */
.breadcrumbs__list { backdrop-filter: blur(10px); }
.breadcrumbs__link { text-decoration: none; }
.breadcrumbs__item.is-current .breadcrumbs__link { letter-spacing: 0.01em; }
.breadcrumbs__list { background: rgba(248, 250, 245, 0.9); border-color: rgba(22, 101, 52, 0.18); }
.breadcrumbs__link:hover { background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.2); }
.breadcrumbs__item.is-current .breadcrumbs__link { box-shadow: 0 16px 28px rgba(34, 197, 94, 0.18); }

/* Footer menu */
.footer-menu a { background: rgba(255, 255, 255, 0.9); color: var(--text); box-shadow: 0 12px 26px rgba(47, 133, 90, 0.12); }
.footer-menu a:hover, .footer-menu .is-active > a, .footer-menu .submenu-item a:hover { background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(217, 249, 157, 0.88)); border-color: rgba(47, 133, 90, 0.24); }
.footer-menu .submenu-list { background: rgba(248, 252, 246, 0.98); border-color: rgba(47, 133, 90, 0.22); box-shadow: 0 22px 46px rgba(47, 133, 90, 0.18); }
.footer-meta { background: transparent; border: none; }