/* ============================================================
   NORTHERN FORGE CONSTRUCTION — CSS Variables
   Palette: Black #000000, Green #248232, Orange #E84A0C (CTAs)
   ============================================================ */
:root {
  /* Core colors */
  --black: #000000;
  --black-soft: #111111;
  --black-rich: #1a1a1a;
  --green: #248232;
  --green-light: #2ea03e;
  --green-dark: #1b6425;
  --green-bg: rgba(36,130,50,.12);
  --orange: #E84A0C;
  --orange-dark: #c43c09;
  --orange-bg: rgba(232,74,12,.12);
  --bordeaux: #550c18;
  --bordeaux-light: #7a1525;
  --bordeaux-dark: #3d0912;
  --slate: #7d8491;
  --slate-light: #a0a5af;
  --charcoal: #273e47;
  --charcoal-light: #35545f;
  --charcoal-dark: #1a2b32;
  --beige: #d8cfaf;
  --beige-light: #ebe5d0;
  --beige-dark: #c4b88e;
  --white: #ffffff;
  --off-white: #f5f4f0;

  /* Text */
  --text: #1a1a1a;
  --text-light: #555555;
  --text-muted: #888888;
  --border: #e0ddd5;

  /* Program colors */
  --realtor: #1a4f7a;
  --realtor-light: #2468a0;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radii */
  --radius: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Shadows */
  --shadow: 0 2px 8px rgba(0,0,0,.10);
  --shadow-lg: 0 10px 40px rgba(0,0,0,.15);

  /* Motion */
  --transition: .25s ease;

  /* Layout */
  --max-width: 1200px;
}