/* DAVYLAB Visual DNA Motion System — semantic motion tokens.
   Import alongside your product's own Visual DNA color/layout tokens. */
:root {
  --vdm-duration-micro: 140ms;
  --vdm-duration-ui: 240ms;
  --vdm-duration-section: 560ms;
  --vdm-duration-hero: 820ms;
  --vdm-ease-standard: cubic-bezier(.2, .75, .25, 1);
  --vdm-ease-emphasis: cubic-bezier(.16, 1, .3, 1);
  --vdm-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --vdm-distance-micro: 3px;
  --vdm-distance-section: 18px;
  --vdm-distance-hero: 28px;
  --vdm-stagger-ui: 55ms;
  --vdm-stagger-content: 85ms;
}

/* Lightweight fallback for interactions that do not need a JS engine. */
[data-vdm-interactive] {
  transition:
    transform var(--vdm-duration-micro) var(--vdm-ease-standard),
    background-color var(--vdm-duration-ui) var(--vdm-ease-standard),
    border-color var(--vdm-duration-ui) var(--vdm-ease-standard),
    box-shadow var(--vdm-duration-ui) var(--vdm-ease-standard);
}
[data-vdm-interactive]:active {
  transform: scale(.985);
}
[data-vdm-interactive]:focus-visible {
  outline: 2px solid var(--vd-accent, #7ab8ff);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --vdm-duration-micro: 1ms;
    --vdm-duration-ui: 1ms;
    --vdm-duration-section: 1ms;
    --vdm-duration-hero: 1ms;
    --vdm-distance-micro: 0px;
    --vdm-distance-section: 0px;
    --vdm-distance-hero: 0px;
    --vdm-stagger-ui: 0ms;
    --vdm-stagger-content: 0ms;
  }
  [data-vdm-interactive] {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}