@import "tailwindcss";

@theme {
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --color-ink: #17181c;
  --color-blush: #fdf1f2;
  --color-brand-pink: #f43f7e;
}

body {
  font-family: var(--font-sans);
  color: var(--color-ink);
}

/* Native selects: replace the edge-hugging browser arrow with an inset chevron */
select.select-field {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2317181c' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem 1rem;
  padding-right: 2.75rem;
}