/* minimal atlas — motion and state. Guideline 04.4 / 09.
   No parallax, no carousels, no decorative motion. State is carried by colour
   and by the appearance of text, never by rotation or movement. */
:root{
  --duration-state:120ms; /* @kind other */
  --easing-state:linear; /* @kind other */
  --transition-state:color var(--duration-state) var(--easing-state);
  --transition-field:background-color var(--duration-state) var(--easing-state);
  --focus-outline:2px solid var(--focus-ring);
  --focus-offset:4px;
  --radius:0px;       /* nothing in the system is rounded */
  --border-width:1px;
  --shadow:none;      /* the system uses no shadows */
}
@media (prefers-reduced-motion:reduce){
  :root{ --duration-state:0ms; /* @kind other */ }
}