:root {
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-600: #e11d48;
  --color-rose-700: #be123c;
  --color-pink-50: #fdf2f8;
  --color-purple-50: #faf5ff;
  --color-gray-900: #111827;
}

* {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details[open] summary .iconify {
  transform: rotate(180deg);
}

.iconify {
  transition: transform 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

input[type="checkbox"]:focus {
  outline: 2px solid var(--color-rose-600);
  outline-offset: 2px;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.submit-spinner {
  display: inline-block;
}

button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 1023px) {
  #main-nav {
    display: none;
  }
}