/* ============================================================
   ScalerGig — shared base
   Loaded before every page-specific stylesheet (home.css, login.css,
   posting-wizard.css) from the corresponding layout's head partial.

   SCOPE, deliberately narrow: this file holds ONLY the design tokens and
   base-reset declarations that were byte-for-byte identical in all three
   page stylesheets. Anything that had drifted between them stays declared
   locally in each page's own file, at its current value — unifying those
   would change how a page looks, which is a design decision and not a
   refactor. Known intentional divergences kept local:

     --r          16px on home, 14px on login and the wizard
     --r-lg       24px on home and login, 22px on the wizard
     --shadow     home and the wizard share one value, login has a deeper one
     a            home and the wizard add text-decoration:none, login does not
     body         each page sets its own background/layout on top of the shared bits
     h1,h2,h3     all three size and track headings differently
     .btn family  all three differ (radius, min-height, gap, padding)

   So: add something here only once it is genuinely identical everywhere.
   ============================================================ */
:root{
  --teal:#2AA79B;        /* brand fill — decorative use only */
  --teal-btn:#17847a;    /* AA-safe with white text (4.5:1) */
  --teal-dark:#136f66;
  --teal-deep:#15706a;
  --teal-tint:#eaf6f5;
  --magenta:#B0479E;
  --ink:#153138;
  --ink-2:#3c4448;
  --muted:#67757a;       /* AA-safe on white */
  --line:#e3e8ea;
  --bg:#f4f7f8;
  --amber:#FFD86B;
  --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(21,49,56,.06), 0 2px 8px rgba(21,49,56,.05);
}

/* ---------- Base reset ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}
p{margin:0}