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

:root {
  --theme-main: #ff9dd0;
  --theme-content: #ffb3e6;
  --bg-dark: #2d0c23;
  --body-gradient: radial-gradient(circle at top, #6c1c52, var(--bg-dark));
  --body-color: #ffe6f7;
  --glass-bg: rgba(255, 255, 255, 0.2);
  --glass-border: rgba(255, 255, 255, 0.55);
  --tagline-color: #ffd5f4;
  --scroll-bg: rgba(47, 12, 40, 0.65);
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--body-gradient);
  color: var(--body-color);
}

h1,
h2,
h3 {
  color: #fff8ff;
}

p {
  color: var(--body-color);
}

.glass,
.glass-card {
  border-color: var(--glass-border);
  background: var(--glass-bg);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.scroll-hint {
  background: var(--scroll-bg);
  color: #fff;
  font-weight: 600;
}

.header-icon {
  font-size: 1.4rem;
}