/* thehaze.app — shared foundation.
 *
 * Deliberately small: only the things that are genuinely identical on every
 * page live here. Page layout stays inline in each page, because the homepage
 * (marketing: dark bands, huge display type) and the document pages (about,
 * legal: narrow cream column, serif body) are supposed to look different.
 *
 * Fonts are NOT here. Each page loads its own <link> for the families it
 * actually uses, so no page downloads type it never renders. The trade-off:
 * if you move a component between pages, check that the destination loads the
 * font it needs — about.html had no Karla when the "inside the app" section
 * moved there on 2026-07-30, which would have silently fallen back.
 */

:root{
  --espresso:#3E2E2B;
  --cream:#EAE3D9;
  --green:#042a2b;
  /* homepage-only today, kept here so the palette has one source of truth */
  --green-soft:#1d3b34;
  --ink:#2b2320;
}

*{box-sizing:border-box;margin:0;padding:0}