/* ============================================================
   DREDMARK — Effects: shadows, focus, motion
   Cool, navy-tinted shadows. Restrained, engineered feel.
   ============================================================ */
:root {
  /* Elevation — navy-tinted, low-spread */
  --shadow-xs: 0 1px 2px rgba(15, 30, 56, 0.08);
  --shadow-sm: 0 1px 3px rgba(15, 30, 56, 0.10), 0 1px 2px rgba(15, 30, 56, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 30, 56, 0.10), 0 2px 4px rgba(15, 30, 56, 0.06);
  --shadow-lg: 0 12px 28px rgba(15, 30, 56, 0.14), 0 4px 10px rgba(15, 30, 56, 0.08);
  --shadow-xl: 0 24px 56px rgba(10, 20, 38, 0.20);
  --shadow-inset: inset 0 1px 2px rgba(15, 30, 56, 0.08);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(63, 174, 210, 0.45); /* steel-400 @ 45% */
  --ring-offset: 0 0 0 2px var(--surface-card), 0 0 0 5px rgba(63, 174, 210, 0.5);

  /* Motion — purposeful, machined; no bounce */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* Signature surfaces */
  --gradient-deep: linear-gradient(160deg, var(--navy-800) 0%, var(--navy-950) 100%); /* @kind color */
  --gradient-steel: linear-gradient(120deg, var(--navy-700) 0%, var(--steel-600) 100%); /* @kind color */
  /* Engineering blueprint grid (use as background-image on dark navy) */
  --grid-line: rgba(255,255,255,0.05); /* @kind color */
}