/* ============================================================
   TJ Creative Hub — Borders, motion, elevation tokens
   No drop-shadow system in source artifacts — the brand uses
   flat 1px hairline borders on dark canvases, never soft shadows.
   Elevation is communicated by a lighter panel fill, not shadow.
   ============================================================ */
:root{
  /* ---------- borders ---------- */
  --border-width:1px;
  --border-dashed: 1px dashed var(--line-800);

  /* ---------- motion ---------- */
  --ease-standard: cubic-bezier(.2,.8,.2,1); /* @kind other */
  --duration-fast:200ms; /* @kind other */
  --duration-base:300ms; /* @kind other */
  --duration-slow:800ms; /* @kind other */      /* audit bar fill-on-load */
  --duration-reveal:500ms; /* @kind other */    /* scroll-reveal fade+rise */

  /* ---------- hover/press deltas (brand doc §4 & observed artifacts) ---------- */
  /* Hover: border brightens to accent, or -3px translateY lift. No opacity dimming. */
  /* Press/CTA hover: -2px translateY, no scale/shrink. */
  --hover-lift: -3px;
  --press-lift: -2px;

  /* ---------- z ---------- */
  --z-sticky:5; /* @kind other */
}