:root {
  /* Core palette (used) */
  --navy: #0b1f44;
  --navy2: #112a55;
  --teal: #11d9c5;
  --teal2: #2fe6d6;
}

/* Button gradient */
.grad-primary {
  background: linear-gradient(90deg, var(--navy), var(--teal));
}

/* Gradient text (used for: "soon" + "Early Access") */
.text-grad {
  background: linear-gradient(90deg, var(--navy), var(--teal));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Input focus (used by .field on inputs) */
.field:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(17, 217, 197, 0.18);
  border-color: rgba(17, 217, 197, 0.55);
}

/* CTA gradient background */
.cta-grad {
  background: linear-gradient(20deg, #d8dfff, #d9fffc);
}