/* RealEstateContent.ai — Elevation & effects
   Shadows are soft and carry a faint WARM (pink/red) tint rather than neutral gray —
   this is a signature of the brand. Borders do a lot of the lifting; elevation is gentle. */

:root {
  /* Crisp hairline "outline" look used on secondary buttons, inputs, plain cards */
  --shadow-outline: inset 0 0 0 1px var(--border-default);
  --shadow-outline-strong: inset 0 0 0 1px var(--border-strong);

  /* Resting card elevation — barely-there, warm-tinted */
  --shadow-xs: 0 1px 2px rgba(26, 9, 9, 0.05);
  --shadow-sm: 0 1px 3px rgba(26, 9, 9, 0.08), 0 1px 2px rgba(26, 9, 9, 0.04);
  --shadow-md: 0 4px 12px rgba(178, 1, 1, 0.06), 0 2px 4px rgba(26, 9, 9, 0.05);

  /* Lifted / hovered cards & popovers */
  --shadow-lg: 0 12px 28px rgba(178, 1, 1, 0.08), 0 4px 10px rgba(26, 9, 9, 0.06);

  /* Hero / large media — the signature layered pink glow */
  --shadow-hero:
    0 18px 18px rgba(242, 136, 136, 0.12),
    0 40px 24px rgba(242, 136, 136, 0.07),
    0 71px 28px rgba(242, 136, 136, 0.02);

  /* Focus ring */
  --shadow-focus: 0 0 0 3px rgba(255, 127, 127, 0.45);

  /* Signature top-down hero wash: transparent → soft red → white */
  --gradient-hero: linear-gradient(180deg, rgba(249,247,247,0) 0%, rgba(178,1,1,0.10) 50%, rgba(255,255,255,0.05) 100%); /* @kind other */
  /* Soft tinted section background */
  --gradient-tint: linear-gradient(180deg, var(--primary-50) 0%, rgba(255,255,255,0) 100%); /* @kind other */

  /* Motion — quick, confident, no bounce */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 320ms; /* @kind other */
}