/* ================================================
   BASE
   Reset, root variables, typography defaults
   ================================================ */

/* ── Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Root variables ── */
:root {
  --navy: #0d2010;
  --navy-mid: #173318;
  --blue: #2B9348;
  --sky: #55A630;
  --sky-light: #80B918;
  --gold: #c9a84c;
  --gold-light: #E9C46A;
  --off-white: #f4f6f3;
  --mid-gray: #7a8a74;
  --text: #1a2818;
  --line: rgba(85, 166, 48, 0.2);
}

/* ── Typography defaults ── */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Barlow', sans-serif;
  background: var(--off-white);
  color: var(--text);
  overflow-x: hidden;
}