/* Yggdrasil — elevation, glows, motion. Structure comes from borders; shadows are deep, soft, black-only. */
:root {
  --inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.04); /* @kind shadow */
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-raised: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-overlay: 0 24px 64px rgba(0, 0, 0, 0.62);
  --focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);
  --glow-accent: 0 0 0 1px var(--accent-line), 0 0 24px var(--accent-tint);

  /* Motion: quick, quiet fades — no bounces */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 120ms;  /* @kind other */
  --duration-base: 220ms;  /* @kind other */
}