/* ==========================================================================
   Saskatoon Flat Design Utilities (Clean & Restrained)
   ========================================================================== */

/* Shimmer Loading Skeleton */
.skeleton {
  background: #e5e7eb;
  border-radius: var(--radius-sm);
  position: relative;
  overflow: hidden;
}

[data-theme="dark"] .skeleton {
  background: #27272a;
}

/* Flat panel helper (no glass/blur) */
.glass-panel {
  background: var(--bg-card);
  border: 1px solid var(--border-glass);
  box-shadow: none;
  border-radius: var(--radius-md);
}

/* Neutralized glow classes (flat styling) */
.glow-cyan,
.glow-gold {
  position: relative;
}

/* Badge dot */
.badge-pulse {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.badge-pulse::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* Clean Focus Rings */
button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 1px;
}