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

:root {
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nav-bg: #08080c;
  --nav-surface: rgba(255,255,255,0.04);
  --nav-border: rgba(255,255,255,0.06);
  --nav-text: #e8e8ec;
  --nav-text-muted: #8b8fa3;
  --nav-hover: rgba(255,255,255,0.08);
  --nav-active: rgba(255,255,255,0.12);
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f8f9fc;
  color: #1a1a2e;
  letter-spacing: -0.01em;
}
#root { min-height: 100vh; }