/* ============================================
   PropZen Realty — Design System tokens
   ============================================ */

:root{
  /* Palette */
  --primary-darker:#0a1f16;
  --primary-dark:#0f2d20;
  --primary:#194a37;
  --primary-light:#2a6b52;
  --accent:#c9a961;
  --accent-dark:#a68949;
  --accent-light:#e0c88a;
  --cream:#faf6ee;
  --off-white:#f5f1e8;
  --white:#ffffff;
  --charcoal:#131313;
  --ink:#1c1c1c;
  --gray-900:#2a2a2a;
  --gray-700:#4a4a4a;
  --gray-500:#7a7a7a;
  --gray-300:#c9c9c9;
  --gray-200:#e6e2d8;
  --gray-100:#f2eee5;
  --danger:#c14444;
  --success:#3f8a5c;

  /* Type */
  --font-serif:'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sizes (fluid) */
  --fs-hero: clamp(2.25rem, 5.5vw, 4.5rem);
  --fs-h1: clamp(1.85rem, 4vw, 3rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.25rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.5rem);
  --fs-lg: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.78rem;

  /* Spacing */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-8: 3rem;
  --sp-10: 4rem;
  --sp-12: 5rem;
  --sp-16: 7rem;

  /* Effects */
  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 18px;
  --shadow-sm: 0 2px 6px rgba(15,45,32,.06);
  --shadow: 0 6px 24px rgba(15,45,32,.08);
  --shadow-lg: 0 20px 50px rgba(15,45,32,.14);
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: .35s;

  /* Layout */
  --container: 1400px;
  --nav-h: 76px;
}