/* Display + UI faces come from Google Fonts — see readme.md "Type substitutions". */
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400;12..96,75..100,500;12..96,75..100,600;12..96,75..100,700;12..96,75..100,800&family=Outfit:wght@300;400;500;600;700&display=swap");

/* Brand script — supplied by the client (Another Shabby, Regular). */
@font-face {
  font-family: "Another Shabby";
  src: url("../assets/fonts/AnotherShabby-Regular.woff") format("woff"),
       url("../assets/fonts/AnotherShabby-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-script: "Another Shabby", "Brush Script MT", cursive;
  --font-display: "Bricolage Grotesque", "Outfit", system-ui, sans-serif;
  --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Menlo", monospace;
}