/* Custom theme (ported from original Tailwind + CSS vars) */
@import url('https://fonts.googleapis.com/css2?family=Electrolize&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --background: 30 30% 97%;
  --foreground: 340 20% 15%;
  --card: 0 0% 100%;
  --card-foreground: 340 20% 15%;
  --primary: 340 65% 55%;
  --primary-foreground: 0 0% 100%;
  --secondary: 340 30% 93%;
  --secondary-foreground: 340 20% 15%;
  --muted: 30 15% 93%;
  --muted-foreground: 340 10% 45%;
  --accent: 38 70% 55%;
  --accent-foreground: 0 0% 100%;
  --border: 340 20% 90%;
  --ring: 340 65% 55%;
  --radius: 0.75rem;

  --gold: 38 70% 55%;
  --gold-light: 38 60% 85%;
  --rose-light: 340 40% 95%;
  --rose-dark: 340 50% 30%;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


html, body { height: 100%; }
body{
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', serif; }

.text-gradient-gold{
  background: linear-gradient(135deg, hsl(38 70% 55%), hsl(38 80% 70%));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-gradient-hero{
  background: linear-gradient(135deg, hsl(340 65% 55% / 0.08), hsl(38 70% 55% / 0.06), hsl(340 40% 95%));
}
.bg-gradient-section{
  background: linear-gradient(180deg, hsl(0 0% 100%), hsl(340 40% 97%));
}
.shadow-card{
  box-shadow: 0 4px 24px -4px hsl(340 30% 50% / 0.10), 0 1px 4px hsl(340 30% 50% / 0.06);
}
.shadow-card-hover{
  box-shadow: 0 12px 40px -8px hsl(340 30% 50% / 0.18), 0 4px 12px hsl(340 30% 50% / 0.08);
}

.rounded-xl{ border-radius: calc(var(--radius) + 0.25rem); }
.rounded-2xl{ border-radius: calc(var(--radius) + 0.5rem); }

/* token-like helpers used in markup */
.bg-background{ background-color: hsl(var(--background)); }
.bg-card{ background-color: hsl(var(--card)); }
.bg-secondary{ background-color: hsl(var(--secondary)); }
.bg-primary{ background-color: hsl(var(--primary)); }
.text-foreground{ color: hsl(var(--foreground)); }
.text-muted-foreground{ color: hsl(var(--muted-foreground)); }
.text-primary{ color: hsl(var(--primary)); }
.text-primary-foreground{ color: hsl(var(--primary-foreground)); }
.text-background{ color: hsl(var(--background)); }
.border-border{ border-color: hsl(var(--border)); }
.text-gold{ color: hsl(var(--gold)); }

.bg-foreground{ background-color: hsl(var(--foreground)); }

/* Backdrop style for header */
.header-glass{
  background-color: hsla(0,0%,100%,0.80);
  backdrop-filter: blur(10px);
}

/* AOS tweaks */
[data-aos] { will-change: transform, opacity; }

/* Smooth scroll offset for fixed header */
:target { scroll-margin-top: 90px; }