/* ============================================================
   ITM Skills University — Elevation, Shadow & Motion Tokens
   Soft, warm-tinted shadows. Restrained elevation.
   ============================================================ */

:root {
  /* Shadows — tinted toward ink, low spread, soft */
  --shadow-xs: 0 1px 2px rgba(25, 20, 23, 0.06);
  --shadow-sm: 0 1px 3px rgba(25, 20, 23, 0.08), 0 1px 2px rgba(25, 20, 23, 0.04);
  --shadow-md: 0 4px 12px rgba(25, 20, 23, 0.08), 0 2px 4px rgba(25, 20, 23, 0.05);
  --shadow-lg: 0 12px 28px rgba(25, 20, 23, 0.12), 0 4px 8px rgba(25, 20, 23, 0.05);
  --shadow-xl: 0 24px 56px rgba(25, 20, 23, 0.16), 0 8px 16px rgba(25, 20, 23, 0.06);
  --shadow-brand: 0 6px 16px rgba(170, 0, 79, 0.14);

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

  /* Motion */
  --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-out:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
  --dur-slower: 520ms; /* @kind other */
}