@keyframes signal-flare {
  0% {
    box-shadow: 0 0 0 0 rgba(196, 163, 90, 0);
  }
  50% {
    box-shadow: 0 0 42px 8px rgba(196, 163, 90, 0.5);
  }
  100% {
    box-shadow: 0 0 14px 2px rgba(196, 163, 90, 0.3);
  }
}

@keyframes signal-pulse {
  0%,
  100% {
    border-color: var(--sovereign);
  }
  50% {
    border-color: #fff0a8;
  }
}

.tick-up {
  animation: tick-up 160ms ease-out;
}

.tick-down {
  animation: tick-down 160ms ease-out;
}

@keyframes tick-up {
  from {
    color: var(--signal-live);
  }
  to {
    color: inherit;
  }
}

@keyframes tick-down {
  from {
    color: var(--signal-alert);
  }
  to {
    color: inherit;
  }
}