/* ============================================
   Sweet Home Residential — CSS Variables
   ============================================ */

:root {
  /* Primary: Slate Blue-Gray */
  --navy: #3D4F5F;
  --navy-light: #506A7D;
  --navy-dark: #2A3844;

  /* Accent: Burgundy / Wine */
  --gold: #9B3A3A;
  --gold-light: #B84E4E;
  --gold-dark: #7E2E2E;

  /* Secondary: Warm Taupe */
  --sage: #B8977E;
  --sage-light: #D1B8A3;
  --sage-dark: #9A7A62;

  /* CTA: Burgundy */
  --cta: #9B3A3A;
  --cta-dark: #7E2E2E;

  /* Neutrals */
  --white: #FFFFFF;
  --off-white: #F5F3F0;
  --cream: #EBE8E3;
  --gray-100: #F0EDEA;
  --gray-200: #DDD9D4;
  --gray-300: #CCC7C0;
  --gray-500: #74706A;
  --gray-700: #44413C;
  --dark: #1E2A33;

  /* Fonts */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing & Radius */
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.08);
  --shadow-xl: 0 20px 50px -12px rgba(0,0,0,0.2);

  /* Transition */
  --transition: all 0.3s ease;
}