:root {
  --color-edu-indigo: #0F2942;
  --color-edu-royal: #163B5F;
  --color-edu-accent: #C5A059;
  --color-edu-lightgold: #F7EAD0;
  --color-edu-bg: #FCFDFF;

  --font-sans: "Inter", sans-serif;
  --font-display: "Outfit", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

.transition-smooth {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar styling for high-end aesthetic */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #051322;
}

::-webkit-scrollbar-thumb {
  background: #C5A059;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #F7EAD0;
}

/* Custom Selection Palette */
::selection {
  background-color: rgba(197, 160, 89, 0.3);
  color: #0F2942;
}

/* Extra active state and helper definitions */
#testimonial-card-container {
  transition: opacity 0.25s ease-in-out;
}

@keyframes pulse-accent {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .6;
  }
}

.pulse-accent-active {
  animation: pulse-accent 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}