/* ==========================================================================
   Dexter Martin Real Estate — Effects: borders, shadows, transitions
   Premium-restrained. Shadows are rare and soft; the brand leans on
   hairline borders, flat fills, and full-bleed photography instead.
   NEVER: drop shadows on text (use the overlay box), colored glows, gradients.
   ========================================================================== */

:root {
  /* ---- Borders ---- */
  --border-thin:   1px solid var(--border-hairline);
  --border-rule:   1px solid var(--dm-black);     /* the editorial hairline rule */
  --border-accent: 3px solid var(--dm-black);     /* top-accent on do/feature cards */

  /* ---- Shadows (used sparingly — print/luxury, not UI chrome) ---- */
  --shadow-none:  none;
  --shadow-card:  0 1px 2px rgba(10,10,10,0.04), 0 8px 24px rgba(10,10,10,0.06);
  --shadow-lift:  0 12px 40px rgba(10,10,10,0.12);
  --shadow-photo: 0 18px 60px rgba(10,10,10,0.22); /* framed property photography */

  /* ---- Overlay / scrim for text-over-photo ---- */
  --overlay-box:   var(--dm-overlay);          /* tight box behind a statement */
  --overlay-scrim: var(--dm-scrim-grad);       /* bottom-up protection gradient */
  --overlay-blur:  saturate(105%) brightness(0.96); /* @kind other */ /* subtle photo conditioning */

  /* ---- Motion: quiet, confident. Fades & gentle eases, no bounce. ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:      150ms; /* @kind other */
  --dur-base:      240ms; /* @kind other */
  --dur-slow:      450ms; /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-standard); /* @kind other */

  /* ---- Focus ring (accessibility) ---- */
  --focus-ring: 0 0 0 2px var(--dm-white), 0 0 0 4px var(--dm-black); /* @kind shadow */
}