@import "tailwindcss";

:root {
  --equipe-primary: #6B0FD4;
  --equipe-primary-dark: #1E0B3A;
  --equipe-primary-light: #3B1E55;
  --equipe-white: #ffffff;
  --equipe-gray-50: #f6f7fb;
  --equipe-gray-100: #eeeef5;
  --equipe-gray-200: #d9d9e3;
  --equipe-gray-300: #b8b8c5;
  --equipe-gray-400: #9b9ba8;
  --equipe-gray-500: #6f6f7a;
  --equipe-text: #2d2d34;
  --equipe-text-muted: #6f6f7a;

  --equipe-radius-sm: 8px;
  --equipe-radius-md: 12px;
  --equipe-radius-lg: 16px;
  --equipe-radius-xl: 20px;
  --equipe-radius-full: 9999px;

  --equipe-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --equipe-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.04);
  --equipe-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
}

@theme {
  --color-equipe-primary: var(--equipe-primary);
  --color-equipe-primary-dark: var(--equipe-primary-dark);
  --color-equipe-primary-light: var(--equipe-primary-light);
  --color-equipe-white: var(--equipe-white);
  --color-equipe-gray-50: var(--equipe-gray-50);
  --color-equipe-gray-100: var(--equipe-gray-100);
  --color-equipe-gray-200: var(--equipe-gray-200);
  --color-equipe-gray-300: var(--equipe-gray-300);
  --color-equipe-gray-400: var(--equipe-gray-400);
  --color-equipe-gray-500: var(--equipe-gray-500);
  --color-equipe-text: var(--equipe-text);
  --color-equipe-text-muted: var(--equipe-text-muted);

  --radius-equipe-sm: var(--equipe-radius-sm);
  --radius-equipe-md: var(--equipe-radius-md);
  --radius-equipe-lg: var(--equipe-radius-lg);
  --radius-equipe-xl: var(--equipe-radius-xl);
  --radius-equipe-full: var(--equipe-radius-full);

  --shadow-equipe-sm: var(--equipe-shadow-sm);
  --shadow-equipe-md: var(--equipe-shadow-md);
  --shadow-equipe-lg: var(--equipe-shadow-lg);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.equipe-reveal {
  opacity: 0;
  transition: opacity 650ms ease;
}

.equipe-reveal.is-visible {
  opacity: 1;
}

.equipe-orbit {
  animation: equipe-orbit 24s ease-in-out infinite alternate;
}

.equipe-glow {
  animation: equipe-glow 11s ease-in-out infinite alternate;
}

.equipe-description-preview {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
  max-height: 4.5rem;
}

@keyframes equipe-orbit {
  from {
    transform: translate3d(0, 0, 0) rotate(-8deg) scale(0.96);
  }

  to {
    transform: translate3d(-18px, 12px, 0) rotate(8deg) scale(1.04);
  }
}

@keyframes equipe-glow {
  from {
    opacity: 0.55;
    transform: translate3d(0, 0, 0) scale(0.92);
  }

  to {
    opacity: 0.9;
    transform: translate3d(12px, -10px, 0) scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .equipe-reveal {
    opacity: 1;
    transition: none;
  }

  .equipe-orbit,
  .equipe-glow {
    animation: none;
  }
}