/* Design tokens: the ONLY file that carries the client's look. Change colors, fonts,
   spacing, and radius here; site.css only ever references these variables.
   Tech Guy OKC: bright, plain, trades-native. Warm paper background, white cards,
   forest green as the only accent. Palette matches the intake page it pairs with. */
:root {
  --color-bg: #faf9f7;
  --color-surface: #f2efe9;
  --color-card: #ffffff;
  --color-text: #1c1c1e;
  --color-subtle: #3f3f46;
  --color-muted: #6e6e73;
  --color-brand: #0f5c2e;
  --color-brand-hover: #0c4a25;
  --color-brand-ink: #ffffff;
  --color-accent: #0f5c2e;
  --color-line: #e3e0da;
  --color-line-strong: #cfcbc2;
  --color-error: #b3402e;

  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --text-base: 17px;
  --leading: 1.55;

  --space-1: 6px;
  --space-2: 12px;
  --space-3: 20px;
  --space-4: 32px;
  --space-5: 56px;
  --space-6: 88px;

  --radius: 10px;
  --wrap: 1080px;
}

/* Type treatment (part of the look, so it lives here, not site.css): the display
   serif reads anemic below ~500 and bold-default 700 reads like a textbook. */
h1, h2, h3 { font-weight: 520; letter-spacing: -0.02em; text-wrap: balance; }
h1 { font-weight: 560; }