:root {
  --cream: #FFF8EE;
  --ink: #171717;
  --primary: #F5A623;
  --compete: #FF4D4D;
  --success: #22C55E;
  --bordercol: #E5DED2;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.font-display {
  font-family: 'Poppins', 'Montserrat', sans-serif;
}

::selection {
  background: var(--primary);
  color: var(--ink);
}

input:focus, button:focus {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}

#currentImage, .recent-thumb {
  aspect-ratio: 1/1;
  object-fit: cover;
}