/* ==========================================================================
   Tirages Le District by JouéClub · jetons de design
   Charte relevée sur le catalogue District en ligne (fond noir, motif
   hexagonal officiel, badges d'univers officiels). Valeurs à confirmer avec
   la charte de la centrale : on corrige les VALEURS, jamais les NOMS.
   Univers de l'opération : <html data-univers="tcg|manga|kawaii|heros|gaming|construction|creatif">
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  /* Fond et surfaces : toujours sombres, jamais de page blanche */
  --fond: #000000;
  --motif: url("motif-district.png");  /* tuile officielle 68 x 135 px, répétée sans raccord */
  --surface: #16161A;          /* cartes, formulaire */
  --surface-2: #1E1E24;        /* fenêtres */
  --surface-bandeau: #141414;  /* bandeau bas de l'affiche */
  --champ: #0F0F12;
  --trait: #2E2E36;
  --trait-champ: #55555F;

  /* Texte */
  --texte: #F5F5F7;
  --texte-2: #B8B8C2;
  --indice: #8E8E99;

  /* Univers (défaut TCG) */
  --action: #5D3088;        /* aplat : boutons, puces de la frise, badge de sortie */
  --action-survol: #4C2672;
  --sur-action: #FFFFFF;    /* texte posé sur --action */
  --lien: #B9A0E6;          /* liens, accents texte et anneau de focus sur fond noir */
  --action-doux: #1F1430;   /* fond de l'élément sélectionné */
  --badge-univers: url("badge-tcg.png");

  /* Statuts : toujours icône + libellé, jamais la couleur seule */
  --gagnant: #F7D774;    --gagnant-bord: #B8962E;    --gagnant-fond: #2A2410;
  --attente: #9CC8FF;    --attente-bord: #3D6AA8;    --attente-fond: #111C2B;
  --non-retenu: #D0CED8; --non-retenu-bord: #55535F; --non-retenu-fond: #1D1D23;
  --remis: #8FE3C6;      --remis-bord: #2F7A62;      --remis-fond: #10241E;
  --erreur: #FFB4AB;     --erreur-bord: #A8463C;     --erreur-fond: #2B1513; --erreur-champ: #FF8A80;
  --alerte: #C8102E;     --sur-alerte: #FFFFFF;      /* bandeau rouge de l'affiche */
  --desactive-fond: #33323B; --desactive-texte: #9A9AA5;

  /* Emplacements en attente des fichiers officiels */
  --emplacement: #2A2A31; --emplacement-trait: #6A6A75; --emplacement-texte: #C9C9D2;

  /* Typographie */
  --police-titre: "Saira Condensed", Inter, sans-serif; /* 800, capitales. Le site District utilise un Arial 900 : police exacte à confirmer */
  --police-corps: Inter, system-ui, sans-serif;
  --titre-xl: 56px; --titre-l: 40px; --titre-m: 34px; --titre-s: 26px; --titre-xs: 20px;
  --corps-l: 18px; --corps-m: 16px; --corps-s: 14px; --corps-xs: 13px; /* jamais < 13 px à l'écran, < 12 px imprimé */
  --interligne: 1.5;

  /* Espacements, rayons, ombres, tailles */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px;
  --r-badge: 6px; --r-champ: 10px; --r-carte: 14px; --r-pilule: 999px;
  --coin-coupe: 14px;
  --ombre-1: 0 1px 2px rgba(0,0,0,.5);
  --ombre-2: 0 10px 28px rgba(0,0,0,.6);
  --cible-min: 44px; --bouton-h: 54px; --champ-h: 50px; --case: 24px;
  --focus: 3px solid var(--lien);
}

[data-univers="manga"]        { --action:#D7263D; --action-survol:#B81D31; --sur-action:#FFFFFF; --lien:#FF8A94; --action-doux:#2B0E12; --badge-univers:none; }
[data-univers="kawaii"]       { --action:#C2306F; --action-survol:#A3275D; --sur-action:#FFFFFF; --lien:#F49AC1; --action-doux:#2A0F1C; --badge-univers:none; }
[data-univers="heros"]        { --action:#1F5FBF; --action-survol:#194F9F; --sur-action:#FFFFFF; --lien:#8DB5F2; --action-doux:#0D1A2E; --badge-univers:none; }
[data-univers="gaming"]       { --action:#009848; --action-survol:#12B05A; --sur-action:#000000; --lien:#4FD08B; --action-doux:#0B2216; --badge-univers:none; }
[data-univers="construction"] { --action:#F07A22; --action-survol:#D9661A; --sur-action:#000000; --lien:#F59A55; --action-doux:#2A1608; --badge-univers:url("badge-construction.png"); }
[data-univers="creatif"]      { --action:#F2C230; --action-survol:#D9AA1A; --sur-action:#000000; --lien:#F2C230; --action-doux:#2A220A; --badge-univers:none; }
/* badge-univers:none = badge officiel à récupérer (catalogue District) : afficher l'emplacement nommé */

body { margin: 0; background: var(--fond) var(--motif) repeat; color: var(--texte); font: 400 var(--corps-m)/var(--interligne) var(--police-corps); }
:focus-visible { outline: var(--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.coin-coupe { clip-path: polygon(var(--coin-coupe) 0, 100% 0, 100% calc(100% - var(--coin-coupe)), calc(100% - var(--coin-coupe)) 100%, 0 100%, 0 var(--coin-coupe)); }