:root {
  --radius: 0.875rem;
  --background: #ffffff;
  --foreground: #1a0f3c;
  --card: #ffffff;
  --card-foreground: #1a0f3c;
  --popover: #ffffff;
  --popover-foreground: #1a0f3c;
  --primary: #ff007f;
  --primary-foreground: #ffffff;
  --secondary: #201547;
  --secondary-foreground: #ffffff;
  --muted: #f4f2f7;
  --muted-foreground: #6b638c;
  --accent: #fce8f3;
  --accent-foreground: #201547;
  --destructive: #d62f2f;
  --destructive-foreground: #ffffff;
  --border: #e6e2ed;
  --input: #e6e2ed;
  --ring: #ff007f;
  --cream: #fdfbf7;
  --magenta-tint: #fce8f3;
  --navy-tint: #e8e4f8;
  --gradient-hero: linear-gradient(135deg, #201547 0%, #a11f75 55%, #ff007f 100%);
  --gradient-warm: linear-gradient(135deg, #f5a623 0%, #ff007f 100%);
  --shadow-card: 0 4px 20px -8px rgba(32, 21, 71, 0.18);
  --shadow-lift: 0 16px 40px -12px rgba(255, 0, 127, 0.28);
}

* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  letter-spacing: -0.02em;
}