/* Borders, shadows, motion. Depth comes from value + edges, not from big drop shadows. */
:root{
  --border-soft:1px solid var(--line-soft); /* @kind other */
  --border-panel:1px solid var(--line-panel); /* @kind other */
  --border-grid:1px solid var(--line-grid); /* @kind other */
  --border-strong:1px solid var(--line-strong); /* @kind other */
  --border-active:1px solid var(--accent); /* @kind other */
  --border-drag-valid:1px solid var(--drag-valid-line); /* @kind other */
  --border-drag-invalid:1px solid var(--drag-invalid-line); /* @kind other */
  --border-danger:1px solid var(--color-blood-500); /* @kind other */
  --border-divider:1px solid var(--line-divider); /* @kind other */
  --border-empty-slot:1px dashed var(--line-panel); /* @kind other */

  --focus-ring:0 0 0 1px var(--color-bg-950),0 0 0 2px var(--color-bone-200); /* @kind shadow */

  --shadow-none:none;
  --highlight-top:inset 0 1px 0 rgba(243,237,225,.05); /* @kind shadow */
  --shadow-recess:inset 0 1px 2px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.35);
  --shadow-raised:inset 0 1px 0 rgba(243,237,225,.06),inset 0 -1px 0 rgba(0,0,0,.45);
  --shadow-overlay:0 0 0 1px rgba(0,0,0,.7),0 10px 26px rgba(0,0,0,.6);
  --shadow-text:0 1px 2px rgba(0,0,0,.9);
  --glow-accent:0 0 0 1px var(--accent),0 0 10px var(--accent-glow); /* @kind shadow */
  --glow-valid:inset 0 0 0 1px var(--drag-valid-line); /* @kind shadow */
  --glow-invalid:inset 0 0 0 1px var(--drag-invalid-line); /* @kind shadow */

  --dur-instant:0ms; /* @kind other */
  --dur-press:70ms; /* @kind other */
  --dur-hover:100ms; /* @kind other */
  --dur-tooltip:100ms; /* @kind other */
  --dur-menu:130ms; /* @kind other */
  --dur-drop:160ms; /* @kind other */
  --dur-panel:180ms; /* @kind other */
  --ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-in:cubic-bezier(.5,0,.8,.4); /* @kind other */
  --ease-linear:linear; /* @kind other */
  --press-offset:1px; /* @kind other */
}