/* ============================================================
   AGDER RENTAL — ELEVATION, MOTION, EFFECTS
   Crisp, low-spread shadows tinted with the navy. No glow.
   ============================================================ */

:root {
  /* Shadows — cool navy-tinted, tight. Cards sit close to the page. */
  --shadow-xs:  0 1px 2px rgba(4,28,44,.06);
  --shadow-sm:  0 1px 3px rgba(4,28,44,.08), 0 1px 2px rgba(4,28,44,.06);
  --shadow-md:  0 2px 6px rgba(4,28,44,.08), 0 4px 12px rgba(4,28,44,.06);
  --shadow-lg:  0 6px 16px rgba(4,28,44,.10), 0 12px 32px rgba(4,28,44,.08);
  --shadow-xl:  0 16px 48px rgba(4,28,44,.18);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Inset for pressed/sunken */
  --shadow-inset: inset 0 1px 2px rgba(4,28,44,.10);

  /* Motion — functional, no bounce. */
  --ease-standard: cubic-bezier(.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0, 0, .2, 1); /* @kind other */
  --ease-in:       cubic-bezier(.4, 0, 1, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   180ms; /* @kind other */
  --dur-slow:   260ms; /* @kind other */

  /* Brand gradient (navy → blue), used sparingly on hero panels */
  --gradient-brand: linear-gradient(135deg, var(--agder-navy) 0%, var(--agder-blue) 100%); /* @kind other */
  /* Skewed accent edge — the manual's signature angled band */
  --skew-angle: -12deg; /* @kind other */
}