:root {
  --lavender: #e8d5f5;
  --blush: #ffd6e0;
  --mint: #c8f0e0;
  --butter: #fff3c4;
  --babyblue: #d6eeff;
  --text-dark: #2d2d2d;
  --glass-bg: rgba(255, 255, 255, 0.25);
  --glass-blur: blur(12px);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--text-dark);
  min-height: 100vh;
  background: linear-gradient(135deg, var(--lavender), var(--babyblue), var(--mint));
}

h1, h2, h3 { font-family: "Playfair Display", serif; }

.page-shell {
  position: relative;
  z-index: 2;
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.global-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

#particles-layer {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}