@import url("/assets/odds-cafe-theme.css");

/* Legacy aliases for admin/tenant apps */
:root {
  --espresso: var(--void);
  --roast: var(--panel);
  --cream: var(--text);
  --latte: var(--smoke);
  --foam: var(--panel);
  --gold: var(--teal);
  --gold-bright: #5eead4;
  --copper: #ff6b35;
  --shadow-warm: var(--shadow-neon);
}

@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes shimmer {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 16px var(--teal-glow); }
  50% { box-shadow: 0 0 28px var(--teal-glow), 0 0 40px rgba(168, 85, 247, 0.15); }
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes steam-rise {
  0% { opacity: 0; transform: translateY(0) scale(0.8); }
  20% { opacity: 0.6; }
  100% { opacity: 0; transform: translateY(-40px) scale(1.2); }
}

.btn-cafe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.65rem 1.25rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.btn-cafe:hover { transform: translateY(-2px); }
.btn-cafe-primary {
  background: var(--rainbow);
  background-size: 200% auto;
  color: #000;
  animation: shimmer 5s linear infinite;
  box-shadow: 0 4px 20px var(--teal-glow);
}
.btn-cafe-ghost {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--glass-border);
}