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

:root {
  --brand-accent: #f97316;
  --navy-950: #0d1117;
  --navy-900: #111620;
  --navy-800: #1a222e;
  --navy-700: #2c3a4f;
  --navy-600: #485c78;
  --navy-100: #e2e8f0;
}

body {
  font-family: 'Readex Pro', sans-serif;
  scroll-behavior: smooth;
}

.bg-brand-accent {
  background-color: var(--brand-accent);
}

.text-brand-accent {
  color: var(--brand-accent);
}

.border-brand-accent {
    border-color: var(--brand-accent);
}

.bg-navy-950 {
  background-color: var(--navy-950);
}
.bg-navy-900 {
  background-color: var(--navy-900);
}
.bg-navy-800 {
    background-color: var(--navy-800);
}
.text-navy-900 {
    color: var(--navy-900);
}
.border-navy-700 {
    border-color: var(--navy-700);
}
.border-navy-800 {
    border-color: var(--navy-800);
}

.bg-button-gradient {

  background-image: linear-gradient(to right, var(--brand-accent), #ea580c);

}



.bg-hero-gradient {

  background-image: linear-gradient(to bottom right, var(--navy-900), var(--navy-800), var(--navy-950));

}



@keyframes button-pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(249, 115, 22, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
}

.animate-button-pulse {
  animation: button-pulse 1.5s infinite;
}

@keyframes pulse {

  50% {

    opacity: .5;

  }

}

.animate-pulse {

  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

}

.perspective-1000 {

    perspective: 1000px;

}