:root {
    --bg: #0f172a;
    --surface: rgba(15, 23, 42, 0.82);
    --surface-strong: #111827;
    --header-bg: rgba(51, 65, 85, 0.95);
    --text: #e5eefb;
    --muted: #94a3b8;
    --accent: #7c3aed;
    --accent-2: #22d3ee;
    --border: rgba(148, 163, 184, 0.2);
    --shadow: 0 24px 80px rgba(2, 6, 23, 0.45);
    --hero: linear-gradient(135deg, rgba(124, 58, 237, 0.28), rgba(34, 211, 238, 0.18));
    --radius: 20px;
}
body { background: radial-gradient(circle at top, #1e293b 0%, #0f172a 55%, #020617 100%); color: var(--text); font-family: Inter, Arial, sans-serif; }
.site-shell { background: rgba(2, 6, 23, 0.35); }
.site-footer { backdrop-filter: blur(16px); }
.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(124, 58, 237, 0.2); border-color: rgba(124, 58, 237, 0.45); }
.style-badge { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; }
.site-accent { background: linear-gradient(90deg, var(--accent), var(--accent-2)); }

/* 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(15, 23, 42, 0.72); border-color: rgba(124, 58, 237, 0.22); }
.breadcrumbs__link:hover { background: rgba(124, 58, 237, 0.14); border-color: rgba(124, 58, 237, 0.32); }
.breadcrumbs__item.is-current .breadcrumbs__link { box-shadow: 0 18px 34px rgba(124, 58, 237, 0.32); }

/* Footer menu */
.footer-menu a { background: rgba(15, 23, 42, 0.72); color: var(--text); box-shadow: 0 12px 30px rgba(2, 6, 23, 0.22); }
.footer-menu a:hover, .footer-menu .is-active > a, .footer-menu .submenu-item a:hover { background: linear-gradient(135deg, rgba(124, 58, 237, 0.26), rgba(34, 211, 238, 0.18)); border-color: rgba(124, 58, 237, 0.4); }
.footer-menu .submenu-list { background: rgba(15, 23, 42, 0.95); border-color: rgba(124, 58, 237, 0.28); box-shadow: 0 28px 60px rgba(2, 6, 23, 0.48); }
.footer-meta { background: transparent; border: none; }