@import "tailwindcss";

@theme {
  --color-primary: #AD954F;
  --color-secondary: #FF9800;
  --color-text-on-primary: #FFFFFF;
  --color-text-on-secondary: #000000;
}

body {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Global skeleton and spinner utilities */
.loader.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid color-mix(in srgb, currentColor 35%, transparent);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}