/* Non-Tailwind globals and branding tokens. Regenerate tailwind.css after changing Razor markup: npm run build:css */
:root {
  --brand-surface: #FAFAFA;
  --brand-ink: #2E2E2E;
}

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

/* The home hero's inset: the original picture as a die-cut sticker with a white margin. */
.showcase-inset {
  border: 5px solid #fff;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 18px rgb(46 46 46 / 0.18);
  transform: rotate(-4deg);
}

/* ASP.NET renders a form's validation summary even when there is nothing to report. */
.validation-summary-valid {
  display: none;
}