@import "tailwindcss";

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);

  /* ACI brand palette */
  --color-aci-dark:   #1c3d36;
  --color-aci-green:  #007359;
  --color-aci-bright: #03ff94;
  --color-aci-ocean:  #59d4d1;
  --color-aci-black:  #000d0a;
  --color-aci-grey:   #e3e0e3;
}

:root {
  --background: #ffffff;
  --foreground: #000d0a;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-geist-sans, Arial, Helvetica, sans-serif);
}

/* Skeleton pulse animation */
@keyframes shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}
.skeleton {
  background: linear-gradient(90deg, #e3e0e3 25%, #f0eeee 50%, #e3e0e3 75%);
  background-size: 400px 100%;
  animation: shimmer 1.4s ease infinite;
}