/* General Supply AI. Source palette: Agentim design/tokens.ts.
   Shared verbatim with Keycloak by scripts/sync_brand_assets.py. */
:root {
  --gs-cyan: #22d3ee;
  --gs-violet: #7c5cff;
  --gs-magenta: #f45bd6;
  --gs-bg: #f5f5f9;
  --gs-surface: #fff;
  --gs-ink: #20202b;
  --gs-muted: #656575;
  --gs-border: #e5e4ed;
  --gs-accent: #6442d6; /* Accessible white-on-violet controls. */
  --gs-accent-hover: #5132bc;
  --gs-accent-soft: #f0ecff;
  --gs-gradient: linear-gradient(135deg, var(--gs-magenta), var(--gs-violet) 50%, var(--gs-cyan));
  --gs-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@property --gs-ring-angle { syntax: "<angle>"; initial-value: 135deg; inherits: false; }
.gs-auth-card {
  position: relative;
  border: 1px solid transparent;
  border-radius: 22px;
  background: linear-gradient(var(--gs-surface), var(--gs-surface)) padding-box, var(--gs-gradient) border-box;
  box-shadow: 0 24px 70px -30px #37275b30, 0 2px 8px #26203a05;
}
@supports (background: conic-gradient(from 0deg, red, blue)) {
  .gs-auth-card {
    background: linear-gradient(var(--gs-surface), var(--gs-surface)) padding-box,
      conic-gradient(from var(--gs-ring-angle), var(--gs-cyan), var(--gs-violet), var(--gs-magenta), var(--gs-violet), var(--gs-cyan)) border-box;
    /* One quiet turn on arrival; no perpetual movement beside a form. */
    animation: gs-ring-arrive 4.5s ease-out 1;
  }
}
@keyframes gs-ring-arrive { from { --gs-ring-angle: -225deg; } to { --gs-ring-angle: 135deg; } }
@media (prefers-reduced-motion: reduce) { .gs-auth-card { animation: none; } }
@media (forced-colors: active) { .gs-auth-card { border-color: CanvasText; background: Canvas; box-shadow: none; } }