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

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    background-color: #0f172a; /* Slate 900 */
    color: #f8fafc; /* Slate 50 */
    overflow-x: hidden;
}

/* Lenis Recommended CSS */
html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Glassmorphism & UI Utilities */
.glass { background: rgba(255,255,255,0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.07); }
.glass-hover:hover { background: rgba(255,255,255,0.06); }
.modal-bg { background: rgba(0,0,0,0.7); backdrop-filter: blur(12px); }
.secret-blur { filter: blur(6px); transition: filter 0.2s; }
.secret-blur:hover { filter: blur(0); }

/* Badges & Buttons */
.badge-active { background: rgba(20,184,166,0.1); color: #2dd4bf; }
.badge-new { background: rgba(99,102,241,0.12); color: #a5b4fc; }
.copy-btn { transition: all 0.15s; }
.copy-btn.copied { color: #2dd4bf; }