/* ══════════════════════════════════════════
   TENNOCORE PREMIUM PATCH - PRODUCTION
   ══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg: #09090b !important;
  --panel: #18181b !important;
  --accent: #8b5cf6 !important;
  --accent-2: #0ea5e9 !important;
  --ifm-font-family-base: 'Inter', system-ui, -apple-system, sans-serif !important;
  --ifm-background-color: var(--bg) !important;
  --ifm-color-primary: var(--accent) !important;
  --border: rgba(255, 255, 255, 0.08) !important;
  --glass: rgba(255, 255, 255, 0.03) !important;
}

body { font-family: 'Inter', sans-serif !important; background-color: var(--bg) !important; }

.navbar {
  backdrop-filter: blur(16px) saturate(180%) !important;
  background: rgba(9, 9, 11, 0.8) !important;
  border-bottom: 1px solid var(--border) !important;
  height: 75px !important;
}

.footer {
  background-color: #0c0c0e !important;
  border-top: 1px solid var(--border) !important;
}

/* Force colors on existing elements */
.navbar__link--active { color: var(--accent) !important; }
.menu__link--active { background: rgba(139, 92, 246, 0.1) !important; color: var(--accent) !important; }
.button--primary { background-color: var(--accent) !important; border-color: var(--accent) !important; }
.button--info { background-color: var(--accent-2) !important; border-color: var(--accent-2) !important; }