/* Custom colors for Contract Aura */
:root {
  --ca-main-bg: #fff6ed;
  --ca-secondary-bg: #fdfdfd;
  --ca-text: #001020;
  --ca-highlight: #3ee9e3;
  --ca-button: #001b33;
  --ca-button-text: #fff6ed;
}

/* Apply custom colors */
.bg-ca-main {
  background-color: var(--ca-main-bg);
}

.bg-ca-secondary {
  background-color: var(--ca-secondary-bg);
}

.text-ca-main {
  color: var(--ca-text);
}

.text-ca-highlight {
  color: var(--ca-highlight);
}

.bg-ca-highlight {
  background-color: var(--ca-highlight);
}

.bg-ca-button {
  background-color: var(--ca-button);
}

.text-ca-button-text {
  color: var(--ca-button-text);
}

.border-ca-highlight {
  border-color: var(--ca-highlight);
}

/* Custom button styles */
.btn-ca-primary {
  background-color: var(--ca-button);
  color: var(--ca-button-text);
  transition: all 0.3s ease;
}

.btn-ca-primary:hover {
  background-color: color-mix(in oklab, var(--ca-button) 90%, white);
}

.btn-ca-outline {
  background-color: transparent;
  color: var(--ca-button);
  border: 2px solid var(--ca-button);
  transition: all 0.3s ease;
}

.btn-ca-outline:hover {
  background-color: var(--ca-button);
  color: var(--ca-button-text);
}

.btn-ca-secondary {
  background-color: var(--ca-highlight);
  color: var(--ca-button);
  transition: all 0.3s ease;
}

.btn-ca-secondary:hover {
  background-color: color-mix(in oklab, var(--ca-highlight) 90%, white);
}

/* Feature card styles */
.feature-card {
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 27, 51, 0.1);
}

/* Custom highlight effects */
.highlight-text {
  position: relative;
  display: inline-block;
}

.highlight-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-color: var(--ca-highlight);
  opacity: 0.3;
  z-index: -1;
}

/* Custom animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile menu styles */
#mobile-nav {
  transition: all 0.3s ease;
}

/* Smooth color transition for Aurora Hero */
.transition-all.duration-3000 {
  transition-duration: 3s;
}

/* White logo filter for transparent header */
.logo-white {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

.animate-fadeIn {
  animation: fadeIn 0.8s ease forwards;
}

/* Animation delays for sequence effects */
.delay-100 {
  animation-delay: 100ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.delay-300 {
  animation-delay: 300ms;
}
.delay-400 {
  animation-delay: 400ms;
}
.delay-500 {
  animation-delay: 500ms;
}

/* Gradient text effect */
.gradient-text {
  background: linear-gradient(
    90deg,
    var(--ca-button) 0%,
    var(--ca-highlight) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Custom section styles */
.section-divider {
  height: 5px;
  width: 80px;
  background-color: var(--ca-highlight);
  margin: 1rem 0;
}

.section-divider.centered {
  margin-left: auto;
  margin-right: auto;
}