/* styles.css */
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');

body {
  background-color: #f8fafc;
  font-family: "Epilogue", ui-sans-serif, system-ui, sans-serif;
  color: #0f172a; /* slate-900 */
}

/* Custom shadow utilities to match Tailwind arbitrary values from the React app */
.shadow-brutalist {
  box-shadow: 16px 16px 0 0 rgba(15, 23, 42, 1);
}

.shadow-brutalist-amber {
  box-shadow: 16px 16px 0 0 rgba(245, 158, 11, 1);
}