/* HM Builders — shared brand theme. Colors, font, and base text styles only.
   Page-specific layout (hero, cards, etc.) stays in each page's own <style> block. */

@font-face {
  font-family: 'TASA Orbiter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 800;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/tasa-orbiter:vf@5.3.0/latin-wght-normal.woff2) format(woff2) tech(variations);
}

:root {
  --bg: #F8F9FA;       /* 60% dominant background */
  --primary: #1A365D;  /* 30% deep navy — headers, menus, text */
  --accent: #c9a227;   /* 10% CTA gold — buttons only */
  --gold: var(--accent); /* alias, so existing .gold / .btn-gold classes update automatically */
}

body {
  font-family: 'TASA Orbiter Variable', Arial, sans-serif;
  background-color: var(--bg);
  color: var(--primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'TASA Orbiter Variable', Arial, sans-serif;
  color: var(--primary);
}

.btn-gold, .btn-accent {
  background-color: var(--accent);
  color: #fff;
  border: 0;
}