*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  /* Brand Colors */
  --primary-color: #3D2B1F;
  /* Dark Chocolate Brown */
  --secondary-color: #bf6332;
  /* Brand accent — buttons & highlights */
  --accent-gradient: linear-gradient(135deg, #bf6332, #d47845);
  /* Accent gradient from brand color */
  --light-gray: #F2E8D9;
  /* Warm Cream — matches building icon color in logo */
  --dark-text: #2A1A0E;
  /* Deep Espresso — rich dark for body text */
  --light-text: #ffffff;
  --border-color: #D4B896;
  /* Warm tan border */

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  /* Layout */
  --container-width: 1200px;
  --section-padding: 80px 20px;

  /* Shadows and Radii */
  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 15px rgba(0, 0, 0, 0.1);
  --radius-md: 8px;
  --transition: all 0.3s ease;
}

html,
body {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  font-family: var(--font-sans);
  color: var(--dark-text);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: var(--light-gray);
}