/* ============================================================
   APG — ELEVATION, MOTION & EFFECT TOKENS
   Shadows are soft, cool-navy tinted, low-spread — never harsh.
   ============================================================ */
:root {
  /* Shadows — tinted with navy for a cohesive, expensive feel */
  --shadow-xs: 0 1px 2px rgba(11, 23, 48, 0.06);
  --shadow-sm: 0 1px 3px rgba(11, 23, 48, 0.08), 0 1px 2px rgba(11, 23, 48, 0.04);
  --shadow-md: 0 4px 12px rgba(11, 23, 48, 0.08), 0 2px 4px rgba(11, 23, 48, 0.05);
  --shadow-lg: 0 12px 32px rgba(11, 23, 48, 0.12), 0 4px 8px rgba(11, 23, 48, 0.06);
  --shadow-xl: 0 24px 56px rgba(11, 23, 48, 0.16), 0 8px 16px rgba(11, 23, 48, 0.07);

  /* Inset / pressed */
  --shadow-inset: inset 0 1px 2px rgba(11, 23, 48, 0.10);

  /* Focus ring composite */
  --ring: 0 0 0 3px var(--focus-ring);

  /* Motion — measured, no bounce. Confident easing. */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0.0, 1, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */

  /* Signature copper underline gradient (used for links / rules) */
  --accent-rule: linear-gradient(90deg, var(--copper-500), var(--copper-300));
  /* Subtle paper vignette used behind hero sections */
  --hero-wash: radial-gradient(120% 120% at 80% 0%, rgba(192,96,0,0.06), transparent 55%),
               linear-gradient(180deg, var(--navy-900), var(--navy-950));
}