/* ============================================================
   Network of Trusted Networks — Effects: shadow, blur, motion
   Restrained, technical feel. Shadows are cool-navy tinted and
   soft, never heavy. Motion is calm: short fades and small
   translate-ups, no bounce.
   ============================================================ */
:root {
  /* ---- Elevation (cool navy-tinted, soft) ---- */
  --shadow-xs: 0 1px 2px rgba(11,35,72,0.06);
  --shadow-sm: 0 2px 8px rgba(11,35,72,0.07);
  --shadow-md: 0 8px 24px rgba(11,35,72,0.09);
  --shadow-lg: 0 18px 48px rgba(11,35,72,0.13);
  --shadow-accent: 0 10px 30px rgba(0,159,212,0.28);
  /* Hairline card border baked into a shadow for crisp edges */
  --shadow-hairline: 0 0 0 1px var(--border-default);

  /* ---- Glass / blur for sticky chrome on dark ---- */
  --blur-chrome: saturate(140%) blur(14px); /* @kind other */
  --scrim-dark: rgba(7,17,30,0.72);   /* @kind color */
  --scrim-light: rgba(255,255,255,0.78); /* @kind color */

  /* ---- Gradients ---- */
  --grad-hero: radial-gradient(120% 90% at 80% -10%, rgba(0,159,212,0.20), transparent 55%), linear-gradient(180deg, var(--navy-950), var(--navy-800)); /* @kind other */
  --grad-accent: linear-gradient(120deg, var(--cyan-500), var(--cyan-400)); /* @kind other */
  --grad-fade-dark: linear-gradient(180deg, transparent, rgba(7,17,30,0.85)); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms;     /* @kind other */
  --dur-base: 200ms;     /* @kind other */
  --dur-slow: 380ms;     /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-out); /* @kind other */
}