/* ============================================================
   AAREON · ELEVATION, BORDERS & MOTION TOKENS
   Soft, diffuse shadows tinted toward navy — never pure black.
   ============================================================ */

:root {
  /* ---- Shadows (cool navy-tinted, diffuse) ---- */
  --shadow-xs:  0 1px 2px rgba(8, 19, 38, 0.06);
  --shadow-sm:  0 2px 8px rgba(8, 19, 38, 0.08);
  --shadow-md:  0 8px 24px rgba(8, 19, 38, 0.10);
  --shadow-lg:  0 16px 48px rgba(8, 19, 38, 0.14);
  --shadow-pillar: 0 10px 30px rgba(5, 17, 99, 0.18); /* lifted pillar / hero cards */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-hairline: 1px solid var(--line);
  --border-card:     1px solid var(--line);

  /* ---- Focus ---- */
  --focus-width: 3px;
  --focus-offset: 2px;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);   /* default — calm deceleration */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   140ms;
  --dur-base:   220ms;
  --dur-slow:   360ms;

  /* ---- Hover / press conventions ----
     hover  → lift + shadow grows, or 8% darken on solids
     press  → translateY(1px), shadow shrinks (no scale-down)
     accent buttons darken; ghost buttons gain tint fill */
  --hover-lift: translateY(-2px);
  --press-sink: translateY(1px);
}