:root {
  --biomi-navy: #0A0F2C;
  --biomi-pink: #FF2D9A;
  --biomi-magenta: #C414FF;
  --biomi-orange: #FF7A20;
  --biomi-yellow: #FFC107;
  --biomi-blush: #FFE6F0;
  --biomi-lavender: #E9E6FF;
  --biomi-white: #FAFAFD;
}

::selection { color: #fff; background: var(--biomi-pink); }

body:not(.marketing-page) {
  background-image:
    radial-gradient(circle at 8% 5%, rgba(255, 45, 154, 0.11), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(255, 193, 7, 0.12), transparent 25%),
    linear-gradient(155deg, var(--biomi-white), #FFF7FB 48%, #F2EFFF) !important;
}

.brand-logo,
.brand img,
.public-footer-brand img {
  width: auto;
  max-width: 190px;
  height: auto;
  object-fit: contain;
}

button[type="submit"],
.primary-button,
.btn-primary,
.button-primary,
.submit-button {
  border-color: transparent;
  background: linear-gradient(115deg, var(--biomi-pink), var(--biomi-orange));
  box-shadow: 0 12px 26px rgba(255, 45, 154, 0.2);
}

button[type="submit"]:hover,
.primary-button:hover,
.btn-primary:hover,
.button-primary:hover,
.submit-button:hover {
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-1px);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--biomi-pink) !important;
  box-shadow: 0 0 0 3px rgba(255, 45, 154, 0.12) !important;
}

.side-nav,
.sidebar {
  border-color: rgba(255, 45, 154, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}