/* SkyRox visual language shared with the customer portal. */
:root {
  --panel-fill: linear-gradient(145deg, #1A2030 0%, #141827 55%, #111521 100%);
  --panel-highlight: #F4F6FF0A;
  --panel-shadow: 0 16px 44px #00000024, inset 0 1px 0 var(--panel-highlight);
  --hover-shadow: 0 20px 48px #00000040, inset 0 1px 0 #F4F6FF14;
  --radius-panel: 16px;
  --ease-premium: cubic-bezier(.2,.75,.25,1);
  --motion-hover: 180ms;
  --motion-entrance: 480ms;
}
.button.primary, .sr-button:not(.secondary) {
  color: #111827;
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}
.button, .sr-button, .icon-button {
  transition: background-color var(--motion-hover), border-color var(--motion-hover), box-shadow var(--motion-hover), transform var(--motion-hover) var(--ease-premium);
}
.button.primary:hover, .sr-button:not(.secondary):hover { background: #C5FF68; border-color: #C5FF68; color: #111827; box-shadow: 0 5px 20px #B6FF3817; }
.button:active, .sr-button:active { transform: translateY(1px); }
@media(prefers-reduced-motion:reduce) {
  .button,.sr-button,.icon-button { transition:none; }
  .button:active,.sr-button:active { transform:none; }
}