/* themes.css — UI moderne + thèmes traducteurs */

/* =========================
   Base cards
   ========================= */

:root{
  --card-bg: rgba(255,255,255,0.04);
  --card-border: rgba(255,255,255,0.10);
  --card-accent: rgba(255,255,255,0.18);
}

.card{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .12s ease;
}

.card:hover{
  border-color: var(--card-accent);

  box-shadow:
    0 0 0 1px var(--card-accent),
    0 0 22px -6px var(--card-accent),
    0 14px 38px rgba(0,0,0,0.45);

  transform: translateY(-3px);
}


/* =========================
   🎨 Thèmes par traducteur
   ========================= */

/* andric31 — défaut premium (bordure plus brillante) */
.card[data-tr="andric31"]{
  --card-border: rgba(255,255,255,0.22);
  --card-accent: rgba(255,255,255,0.45);
}

/* Ant28jsp — violet premium */
.card[data-tr="ant28jsp"]{
  --card-bg: rgba(0,200,140,0.12);
  --card-border: rgba(0,220,150,0.45);
  --card-accent: rgba(0,255,170,0.95);
}

/* lechauve — bleu moderne */
.card[data-tr="lechauve"]{
  --card-bg: rgba(33,150,243,0.10);
  --card-border: rgba(33,150,243,0.35);
  --card-accent: rgba(33,150,243,0.85);
}

/* Ikaros — orange tech */
.card[data-tr="ikaros"]{
  --card-bg: rgba(254,89,1,0.10);
  --card-border: rgba(254,89,1,0.35);
  --card-accent: rgba(254,89,1,0.90);
}