@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
@import "tailwindcss";

/* ---------------------------------------------------------------------------
   webdev.tallygist.com — the Tallygist.dev marketing site.

   Deliberately isolated from the tg design system in application.tailwind.css.
   That file defines global element rules (cream body, teal links, Playfair
   headings) for tallygist.com / app.tallygist.com; because they are unlayered
   they used to leak into and override webdev's Tailwind utilities. This build
   ships only Tailwind + the small base below, so webdev owns its own look: a
   modern, Manrope, emerald/gray aesthetic. Keep base rules minimal and let
   utilities in the markup do the work.
--------------------------------------------------------------------------- */

/* Manrope is the webdev typeface. Overriding --font-sans makes it both the
   document default (via Preflight) and the value of every `font-sans` utility,
   so headings and body pick it up with no markup changes. */
@theme {
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@layer base {
  body {
    background-color: #faf9f6;
    -webkit-font-smoothing: antialiased;
  }
}