/* ============================================================
   base.css — Element Defaults
   mission.gridnorth.co.nz v2.5.0

   Body, headings, typography, links.
   ============================================================ */

@layer base {
  body {
    font-family: var(--font-sans);
    background: var(--background);
    color: var(--foreground);
    min-height: 100vh;
    font-size: var(--text-m);
    line-height: 1.5;
  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: var(--weight-bold);
  }

  h1 { font-size: var(--text-2xl); }
  h2 { font-size: var(--text-xl); }
  h3 { font-size: 1.125rem; }

  ::selection {
    background: color-mix(in srgb, var(--primary) 20%, transparent);
  }
}