/* theme-index.css — neutre, point d'équilibre entre les 3 univers */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'Inter',system-ui,sans-serif;
  --radius:16px;
  --avatar-radius:20px;
  --h1-tracking:-0.01em;

  --bg:#161320;
  --surface:#1e1b2c;
  --surface-2:#262239;
  --line:#332f47;
  --text:#f3f1fa;
  --muted:#948fae;
  --accent:#7ee0c3;
  --accent-dim:#e1306c;
  --accent-glow:rgba(126,224,195,0.4);
  --accent-contrast:#0e2018;
  --avatar-bg:linear-gradient(135deg,#e1306c,#4caf50,#39e0ff);
}

body{
  background-image:
    radial-gradient(circle at 15% 10%, rgba(225,48,108,0.10), transparent 40%),
    radial-gradient(circle at 85% 90%, rgba(76,175,80,0.10), transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(57,224,255,0.06), transparent 60%);
}