:root {
    --bg: #f8fafc;
    --surface: #ffffff;
    --surface-strong: #ffffff;
    --header-bg: rgba(255, 255, 255, 0.95);
    --text: #0f172a;
    --muted: #64748b;
    --accent: #2563eb;
    --accent-2: #0ea5e9;
    --border: #e2e8f0;
    --shadow: 0 18px 40px rgba(148, 163, 184, 0.18);
    --hero: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(14, 165, 233, 0.02));
    --radius: 16px;
}
body { background: #f8fafc; color: var(--text); font-family: "Helvetica Neue", Arial, sans-serif; }
.site-shell { background: #f8fafc; }
.site-footer { background: rgba(255,255,255,0.88); 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: #eff6ff; border-color: #bfdbfe; }
.style-badge { background: #dbeafe; color: #1d4ed8; }
.site-accent { background: linear-gradient(90deg, #2563eb, #38bdf8); }

/* 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(255, 255, 255, 0.96); border-color: #dbe4f0; }
.breadcrumbs__link:hover { background: #f1f5f9; border-color: #cbd5e1; }
.breadcrumbs__item.is-current .breadcrumbs__link { box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18); }

/* Footer menu */
.footer-menu a { background: rgba(255, 255, 255, 0.96); color: var(--text); box-shadow: 0 12px 24px rgba(148, 163, 184, 0.14); }
.footer-menu a:hover, .footer-menu .is-active > a, .footer-menu .submenu-item a:hover { background: linear-gradient(135deg, #eff6ff, #e0f2fe); border-color: #bfdbfe; }
.footer-menu .submenu-list { background: rgba(255, 255, 255, 0.98); border-color: #dbe4f0; box-shadow: 0 22px 42px rgba(148, 163, 184, 0.18); }
.footer-meta { background: transparent; border: none; }

/* CTA buttons visibility fix for Minimal Light */
.about-content__button {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.24);
}
.about-content__button:hover {
    box-shadow: 0 20px 42px rgba(37, 99, 235, 0.30);
}
.about-content__button--ghost {
    background: #eff6ff;
    color: #1e3a8a;
    border-color: #93c5fd;
    box-shadow: none;
}