/* ============================================================
   9/11 Legacy Foundation — Effects: shadows, gradients, motion
   Restrained, dignified. Soft elevation, no neon, no heavy glow.
   ============================================================ */

:root {
  /* ---- Elevation (soft, navy-tinted shadows) ---- */
  --shadow-xs:  0 1px 2px rgba(21, 36, 63, 0.06);
  --shadow-sm:  0 1px 3px rgba(21, 36, 63, 0.10), 0 1px 2px rgba(21, 36, 63, 0.06);
  --shadow-md:  0 4px 12px rgba(21, 36, 63, 0.10), 0 2px 4px rgba(21, 36, 63, 0.06);
  --shadow-lg:  0 12px 28px rgba(21, 36, 63, 0.14), 0 4px 10px rgba(21, 36, 63, 0.08);
  --shadow-xl:  0 24px 56px rgba(21, 36, 63, 0.20);

  /* ---- Focus ---- */
  --shadow-focus: 0 0 0 3px rgba(93, 143, 181, 0.45);

  /* ---- Gradients ---- */
  /* Photo-protection scrim: darken bottom of hero imagery so text reads */
  --scrim-bottom: linear-gradient(to top, rgba(11, 15, 22, 0.85) 0%, rgba(11, 15, 22, 0.45) 35%, rgba(11, 15, 22, 0) 75%);  /* @kind other */
  --scrim-full:   linear-gradient(to top, rgba(21, 36, 63, 0.92) 0%, rgba(21, 36, 63, 0.55) 50%, rgba(21, 36, 63, 0.25) 100%);  /* @kind other */
  /* Dark brand surface wash */
  --wash-navy:    linear-gradient(160deg, #1b2e4f 0%, #15243f 55%, #0e1a30 100%);  /* @kind other */
  /* Thin gold rule used as section accent */
  --rule-gold:    linear-gradient(90deg, var(--tribute-tan) 0%, rgba(152, 124, 83, 0) 100%);  /* @kind other */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.0, 0.0, 0.2, 1);  /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0.0, 1, 1);    /* @kind other */
  --dur-fast:   150ms;  /* @kind other */
  --dur-base:   250ms;  /* @kind other */
  --dur-slow:   400ms;  /* @kind other */
}