/* ============================================================
   Amplitudes — Effects: shadow, motion, focus
   Restrained. The brand favours flat colour fields and hairline
   rules over heavy elevation. Shadows are soft, low, cool-tinted.
   Motion is quiet: measured fades and small eases — no bounce.
   ============================================================ */
:root {
  /* ---- Shadows (cool, low, subtle) ---- */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(0,51,43,.06);
  --shadow-sm:  0 2px 8px rgba(0,51,43,.07);
  --shadow-md:  0 8px 24px rgba(0,51,43,.09);
  --shadow-lg:  0 18px 48px rgba(0,51,43,.12);
  --shadow-ink: 0 20px 60px rgba(10,35,55,.28); /* elements over dark */

  /* ---- Focus ---- */
  --focus-width: 2px; /* @kind other */
  --focus-offset: 2px; /* @kind other */
  --focus-shadow: 0 0 0 var(--focus-offset) var(--surface-base),
                  0 0 0 calc(var(--focus-offset) + var(--focus-width)) var(--focus-ring);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(.4, 0, .2, 1); /* @kind other */
  --ease-out:      cubic-bezier(.16, 1, .3, 1); /* @kind other */ /* quiet settle */
  --ease-in:       cubic-bezier(.4, 0, 1, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   380ms; /* @kind other */
  --dur-slower: 640ms; /* @kind other */ /* editorial fades */

  /* ---- Overlays / scrims ---- */
  --scrim-ink:   linear-gradient(180deg, rgba(0,51,43,0) 0%, rgba(0,51,43,.72) 100%); /* @kind other */
  --scrim-marine:linear-gradient(180deg, rgba(10,35,55,0) 0%, rgba(10,35,55,.78) 100%); /* @kind other */
}