/* --------------------------------------------------------------------------
   Tailwind — SEULEMENT les classes que le composant utilise réellement.

   Le composant RotatingEarth (21st.dev) suppose Tailwind + les variables
   shadcn/ui. Plutôt que d'installer Tailwind sur le site, on déclare ici
   les 17 classes qu'il emploie, à l'identique de leur définition Tailwind.
   Liste relevée dans le fichier source, pas devinée :
     bg-background bg-card bg-neutral-900 bottom-4 dark flex font-semibold
     h-auto items-center justify-center left-4 mb-2 p-8 px-2 py-1 relative
     rounded-2xl rounded-md text-center text-destructive text-muted-foreground
     text-sm text-xs w-full
   -------------------------------------------------------------------------- */

/* Variables shadcn/ui attendues par le composant, branchées sur les
   tokens du site. */
.dark, [data-theme="dark"] {
  --background: var(--ov-bg);
  --card: var(--ov-bg-raised);
  --muted-foreground: var(--ov-text-muted);
  --destructive: #B4232A;
}
:root {
  --background: var(--ov-bg);
  --card: var(--ov-bg-raised);
  --muted-foreground: var(--ov-text-muted);
  --destructive: #B4232A;
}

.relative { position: relative; }
.absolute { position: absolute; }
.bottom-4 { bottom: 1rem; }
.left-4   { left: 1rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.w-full { width: 100%; }
.h-auto { height: auto; }
.p-8  { padding: 2rem; }
.px-2 { padding-inline: .5rem; }
.py-1 { padding-block: .25rem; }
.mb-2 { margin-bottom: .5rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-md  { border-radius: .375rem; }
.text-xs { font-size: .75rem;  line-height: 1rem; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.font-semibold { font-weight: 600; }
.bg-background  { background-color: var(--background); }
.bg-card        { background-color: var(--card); }
.bg-neutral-900 { background-color: #171717; }
.text-muted-foreground { color: var(--muted-foreground); }
.text-destructive      { color: var(--destructive); }