/* Astryx shadow + motion tokens — copied verbatim from tokens.stylex.ts */

:root {
  /* Outer elevation shadows (ascending intensity: low < med < high) */
  --shadow-low: 0px 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
    0px 2px 8px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  --shadow-med: 0px 1px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
    0px 2px 12px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
  --shadow-high: 0px 2px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
    0px 8px 24px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));

  /* Inset shadows for input border rings */
  --shadow-inset-hover: inset 0px 0px 0px 2px light-dark(rgba(5, 54, 89, 0.15), rgba(223, 226, 229, 0.2));
  --shadow-inset-selected: inset 0px 0px 0px 2px rgba(1, 113, 227, 0.5);
  --shadow-inset-success: inset 0px 0px 0px 2px rgba(38, 167, 86, 0.3);
  --shadow-inset-warning: inset 0px 0px 0px 2px rgba(226, 164, 0, 0.3);
  --shadow-inset-error: inset 0px 0px 0px 2px rgba(227, 25, 59, 0.3);

  /* Motion — duration (fast: micro-interactions, medium: entrance/exit, slow: continuous) */
  --duration-fast-min: 130ms; /* @kind other */
  --duration-fast: 175ms; /* @kind other */
  --duration-fast-max: 230ms; /* @kind other */
  --duration-medium-min: 310ms; /* @kind other */
  --duration-medium: 410ms; /* @kind other */
  --duration-medium-max: 550ms; /* @kind other */
  --duration-slow-min: 730ms; /* @kind other */
  --duration-slow: 975ms; /* @kind other */
  --duration-slow-max: 1300ms; /* @kind other */

  /* Motion — easing */
  --ease-standard: cubic-bezier(0.24, 1, 0.4, 1); /* @kind other */
}