/* Design tokens */
:root {
  --amela-amber: #F5A623;
  --amela-amber-dark: #B8730A;
  --amela-amber-deep: #8F5808;
  --slide-bg: #FFFCF2;
}

/* Animations */
@keyframes fadein { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse-dot { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.55; } }
@keyframes pulse-ring { 0% { box-shadow: 0 0 0 0 rgba(20,128,60,0.6); } 100% { box-shadow: 0 0 0 12px rgba(20,128,60,0); } }
@keyframes spin-slow { from { transform: rotate(0); } to { transform: rotate(360deg); } }

.animate-fadein { animation: fadein 0.3s ease-out; }
.pulse-dot { animation: pulse-dot 1.4s ease-in-out infinite; }
.pulse-ring { animation: pulse-ring 1.6s ease-out infinite; }
.spin-slow { animation: spin-slow 14s linear infinite; }

/* Scrollbar utility */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.18); border-radius: 999px; }
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }

/* Brand gradient bg */
.grad-bg { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 45%, #fed7aa 100%); }

/* Glass card */
.glass { background: rgba(255,255,255,0.78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* Tabular nums for time/numeric */
.tabular { font-variant-numeric: tabular-nums; }