/* ════════════════════════════════════════════════
   PEAK AUTOMATIONS — BASE RESET & TYPOGRAPHY
   ════════════════════════════════════════════════ */

/* ── Reset ───────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; height: auto; }
ul, ol { list-style: none; }
button { cursor: pointer; font-family: inherit; }
input, textarea, select { font-family: inherit; }

/* ── Headings ────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 800;
  color: var(--white);
  line-height: 1.12;
  letter-spacing: -0.3px;
}

/* ── Body text ───────────────────────────────── */
p { line-height: 1.75; color: var(--muted); }
strong { color: var(--text); font-weight: 600; }

/* ── Highlight colour ────────────────────────── */
.teal  { color: var(--teal); }
.gold  { color: var(--gold); }
.white { color: var(--white); }