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

:root {
  --bg-base: #0d0f14;
  --bg-gradient-1: #1e263b; /* Enriched dark indigo */
  --bg-gradient-2: #342847; /* Enriched dark violet */
  --bg-gradient-3: #231d33; /* Third organic color */
  
  --glass-fill: rgba(255, 255, 255, 0.06);
  --glass-fill-strong: rgba(255, 255, 255, 0.10);
  --glass-border: rgba(255, 255, 255, 0.14);
  
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --text-muted: rgba(255, 255, 255, 0.4);
  
  --accent: #7c9cff;
  --accent-rgb: 124, 156, 255; /* Defined for glass and button shadows */
  --accent-alt: #ff6b6b;
  --success: #4ade80;
  --danger: #ef4444;
}

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

html, body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-base);
  color: var(--text-primary);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}