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

:root{
  /* Palette */
  --primary-darker:#081527;
  --primary-dark:#0e2340;
  --primary:#1a3f6b;
  --primary-light:#2d63a6;
  --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 */
  /* Apple's own type on Apple hardware (iPhone/iPad/Mac render real SF Pro);
     Inter elsewhere — it is the closest freely available match to SF Pro. */
  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  /* Kept so any stray var(--font-serif) still resolves to the display face. */
  --font-serif: var(--font-display);

  /* 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(14, 35, 64,.06);
  --shadow: 0 6px 24px rgba(14, 35, 64,.08);
  --shadow-lg: 0 20px 50px rgba(14, 35, 64,.14);
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: .35s;

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