/* custom.css
 * Minimal custom utilities on top of Tailwind for Defne Ceylan site
 */

html,
body {
  scroll-behavior: smooth;
}

.bg-noise {
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 20px 20px;
}

.glass-panel {
  background: radial-gradient(circle at top left, rgba(248, 250, 252, 0.06), transparent 55%),
    radial-gradient(circle at bottom right, rgba(248, 250, 252, 0.03), transparent 55%);
}

/* New blush / powder pink accent system */
:root {
  --accent-soft: #f9a8d4;
  --accent-strong: #f472b6;
  --accent-soft-rgba: 249, 168, 212;
}

.blush-gradient {
  background: radial-gradient(circle at top left, rgba(249, 168, 212, 0.18), transparent 60%),
    radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.16), transparent 60%);
}

.text-blush-gradient {
  background: linear-gradient(120deg, #fdf2f8, #f9a8d4, #f472b6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.border-accent-soft {
  border-color: rgba(var(--accent-soft-rgba), 0.55);
}

/* Sweep-in text animation for headings */
.sweep-text {
  background: linear-gradient(120deg, #fdf2f8, #f9a8d4, #f472b6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200% auto;
  animation: sweep-in 1.8s ease-out forwards;
}

@keyframes sweep-in {
  0% {
    background-position: -120% 0;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    background-position: 0 0;
    opacity: 1;
  }
}