/* PARTHEO — fonts self-hostées + tokens de marque officiels (cf. partheo-brand-analysis).
   Chargé en parallèle de tailadmin.css, AVANT lui dans le HTML, pour que
   les @font-face soient connus quand TailAdmin se réfère à 'Inter' et 'Chillax'. */

@font-face {
  font-family: 'Chillax';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Chillax-Semibold.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/Inter.woff2') format('woff2');
}

/* Tokens officiels PARTHEO (cf. www.partheo.ca). */
:root {
  --pt-primary: #3c1874;
  --pt-accent:  #de354c;
  --pt-ink:     #171022;
  --pt-bg:      #fbfaff;
}

/* Helper utilitaire pour titres marketing en font Chillax. */
.font-chillax,
.font-display {
  font-family: 'Chillax', 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 600;
}

/* Alpine.js: cache les éléments avec x-cloak tant qu'Alpine n'a pas initialisé. */
[x-cloak] { display: none !important; }

/* ============================================================
   Animations PARTHEO (reproduites d'après le hero www.partheo.ca)
   ============================================================ */

@keyframes ptDrift1 {
  0%   { transform: translate(0, 0)        scale(1);    }
  50%  { transform: translate(40px, 30px)  scale(1.05); }
  100% { transform: translate(0, 0)        scale(1);    }
}

@keyframes ptDrift2 {
  0%   { transform: translate(0, 0)         scale(1);    }
  50%  { transform: translate(-30px, 40px)  scale(1.08); }
  100% { transform: translate(0, 0)         scale(1);    }
}

@keyframes ptSpin {
  from { transform: rotate(0deg);   }
  to   { transform: rotate(360deg); }
}

@keyframes ptMarquee {
  from { transform: translateX(0);     }
  to   { transform: translateX(-50%);  }
}

@keyframes ptFeedIn {
  from { opacity: 0; transform: translateY(8px);  }
  to   { opacity: 1; transform: translateY(0);    }
}

/* Reduce-motion : couper les animations pour les utilisateurs sensibles */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}