/* ==========================================================================
   Konda Core — Shadows, glass & motion tokens
   ========================================================================== */

:root {
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-glass: 0 4px 30px rgba(0, 0, 0, 0.05);

  /* Neon glow — reserved for the primary action / active states only */
  --shadow-neon-sm: 0 0 15px rgba(222, 255, 8, 0.2);
  --shadow-neon: 0 0 30px rgba(222, 255, 8, 0.4);

  --blur-glass: 14px; /* backdrop-filter blur used on glass-panel surfaces */

  /* Motion — soft, fast, never bouncy */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 250ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
}

/* Reusable glass-panel utility, as used throughout konda-frontend */
.konda-glass-panel {
  background: var(--color-glass-bg);
  backdrop-filter: blur(var(--blur-glass));
  -webkit-backdrop-filter: blur(var(--blur-glass));
  border: 1px solid var(--color-border);
}

@keyframes konda-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.2); }
}

@keyframes konda-breathing {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.75; }
}

@keyframes konda-slide-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}