/* DANK Realty — Effects: shadows, glows, borders, motion
 * On the dark canvas depth comes from luminous cyan glows and hairline
 * gradient frames rather than soft grey drop-shadows.
 */

:root {
  /* ---- Elevation (dark UI) ----------------------------------------- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,.4);
  --shadow-md:  0 8px 24px rgba(0,0,0,.45);
  --shadow-lg:  0 20px 50px rgba(0,0,0,.55);

  /* ---- Brand glow (focus, active, feature cards) ------------------- */
  --glow-cyan:  0 0 0 1px rgba(79,209,224,.35), 0 0 24px rgba(79,209,224,.22);
  --glow-blue:  0 0 0 1px rgba(91,141,239,.40), 0 0 28px rgba(91,141,239,.25);
  --glow-focus: 0 0 0 3px rgba(79,209,224,.30);

  /* ---- Borders ----------------------------------------------------- */
  --border-hairline: 1px solid var(--navy-700);
  --border-strong:   1px solid var(--navy-600);
  /* Gradient border helper: set as background w/ padding-box trick */
  --border-grad: var(--grad-brand);

  /* ---- Motion ------------------------------------------------------ */
  --ease-out:   cubic-bezier(.2,.7,.3,1);    /* @kind other */
  --ease-inout: cubic-bezier(.65,.05,.36,1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  /* ---- Textures ---------------------------------------------------- */
  /* Faint blueprint / map grid used behind hero sections */
  --grid-line: rgba(91,141,239,.06); /* @kind color */
}