:root {
  --bg: #0d0d14;
  --surface: #13131e;
  --card: #18182a;
  --rose: #e8507a;
  --rose-dim: rgba(232,80,122,0.12);
  --rose-mid: rgba(232,80,122,0.35);
  --violet: #9b59f5;
  --violet-dim: rgba(155,89,245,0.1);
  --cream: #f5f0f7;
  --muted: #8a8298;
  --border: rgba(232,80,122,0.15);
  --border-v: rgba(155,89,245,0.15);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--cream);
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

[v-cloak] { display: none; }