/* Shared tweaks for design variant 2 */
html[data-design="2"] .site-top { background: rgba(2,8,23,.8); border-bottom: 1px solid rgba(148,163,184,.2); backdrop-filter: blur(8px); }
html[data-design="2"] .site-top .logo-pack strong { color: #e5e7eb; }
html[data-design="2"] .site-top .primary-nav a { color: #e2e8f0; }
html[data-design="2"] .site-top .primary-nav a.active { color: #7dd3fc; }

/* Floating design switch default position */
#designSwitch.design-switch { position: fixed; inset-inline-end: 16px; inset-block-end: 16px; z-index: 1400; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(148,163,184,.25); background: rgba(255,255,255,.85); color: #0f172a; box-shadow: 0 8px 22px rgba(0,0,0,.15); cursor: pointer; font-weight: 800; }
html[data-design="2"] #designSwitch.design-switch { background: rgba(2,8,23,.8); color: #e2e8f0; border-color: rgba(148,163,184,.25); }

/* New design general look */
html[data-design="2"] body { background: linear-gradient(180deg, rgba(2,6,23,.85), rgba(2,6,23,.85)), var(--bg); }
html[data-design="2"] .card { background: rgba(15,23,42,.85); color: #e2e8f0; border: 1px solid rgba(148,163,184,.15); }
html[data-design="2"] .btn { background: linear-gradient(120deg, var(--primary), var(--primary-dark)); color: #e2e8f0; border: 1px solid rgba(148,163,184,.25); }
html[data-design="2"] .btn-accent { background: linear-gradient(120deg, var(--accent), #ffd861); color: #1f2937; }
html[data-design="2"] .btn-outline { background: rgba(15,23,42,.6); color: #cbd5e1; border: 1px solid rgba(148,163,184,.35); }
html[data-design="2"] .footer-global { background: linear-gradient(135deg, #0b1320, #0a1220); }
html[data-design="2"] .badge-pill { background: rgba(148,163,184,.15); color: #e2e8f0; }
html[data-design="2"] .progress-bar-slim { background: rgba(148,163,184,.2); }
html[data-design="2"] .progress-bar-slim span { background: linear-gradient(90deg, #38bdf8, #60a5fa); }
/* Tables */
html[data-design="2"] table.simple th { background: rgba(148,163,184,.15); color: #cbd5e1; }
html[data-design="2"] table.simple td { border-bottom-color: rgba(148,163,184,.18); color: #e2e8f0; }