/* Charte de l'application, alignée sur les matières de la console.
   Les jetons du stade restent réservés au décor : cette feuille ne les modifie pas. */
:root{
  --charte-carte-nuit:linear-gradient(145deg,rgba(26,34,46,.64),rgba(14,23,30,.68));
  --charte-carte-craie:linear-gradient(135deg,rgba(255,253,246,.94),rgba(250,247,238,.90));
  --charte-bord-nuit:rgba(193,203,215,.42);
  --charte-bord-craie:rgba(157,124,60,.46);
  --charte-champ-nuit:linear-gradient(135deg,rgba(9,16,26,.88),rgba(12,21,30,.92));
  --charte-champ-craie:linear-gradient(135deg,rgba(255,253,247,.98),rgba(249,246,237,.96));
  --charte-creux-nuit:rgba(9,16,26,.90);
  --charte-creux-craie:#F9F6ED;
  --charte-action-nuit:linear-gradient(105deg,#A87942,#C59A5E 26%,#F3D693 53%,#C69B5B 76%,#A87942);
  --charte-action-craie:linear-gradient(105deg,#C8A45F,#F0DCA4 52%,#C8A45F);
  --charte-action-encre:#151A22;
  --charte-selection-nuit:linear-gradient(100deg,rgba(200,162,83,.19),rgba(200,162,83,.045));
  --charte-selection-craie:linear-gradient(100deg,rgba(240,213,153,.90),rgba(190,164,112,.70));
  --charte-barre-nuit:linear-gradient(180deg,#070D19,#060C17);
  --charte-barre-craie:linear-gradient(180deg,rgba(252,249,240,.98),rgba(248,244,234,.98));
  --charte-ombre-craie:inset 0 1px 0 rgba(255,255,255,.88),0 12px 28px -22px rgba(85,62,21,.48),0 3px 8px -5px rgba(85,62,21,.18);
  --charte-texte-nuit:#B8BDC4;
  --charte-champ-bord-nuit:rgba(255,255,255,.4);
  --charte-champ-bord-craie:#988766;
  --charte-porte-fond:linear-gradient(150deg,rgba(35,43,54,.74),rgba(20,25,31,.75) 60%,rgba(13,17,23,.85));
  --charte-porte-bord:rgba(229,199,135,.57);
  --charte-porte-encre:#F1F0E9;
  --charte-porte-texte:#B8BDC4
}
:root,.porte{
  --charte-carte:var(--charte-carte-nuit);--charte-carte-uni:var(--solid);
  --charte-bord:var(--charte-bord-nuit);--charte-champ:var(--charte-champ-nuit);
  --charte-creux-uni:var(--charte-creux-nuit);--charte-action:var(--charte-action-nuit);
  --charte-selection:var(--charte-selection-nuit);--charte-barre:var(--charte-barre-nuit);
  --charte-ombre:inset 0 1px 0 var(--voile140),var(--shadow);
  --charte-texte:var(--charte-texte-nuit);--charte-accent:var(--or);--charte-voile:rgba(var(--brassRvb),.09);
  --charte-champ-bord:var(--charte-champ-bord-nuit)
}
:root[data-ton="craie"]{
  --charte-carte:var(--charte-carte-craie);--charte-bord:var(--charte-bord-craie);
  --charte-champ:var(--charte-champ-craie);--charte-carte-uni:var(--charte-creux-craie);--charte-creux-uni:var(--charte-creux-craie);
  --charte-action:var(--charte-action-craie);--charte-selection:var(--charte-selection-craie);
  --charte-barre:var(--charte-barre-craie);--charte-ombre:var(--charte-ombre-craie);
  --charte-texte:var(--inkDoux);--charte-champ-bord:var(--charte-champ-bord-craie)
}
@media screen{
  :root :is(.carte,.premium-panneau,.k-carte,.gm-section,.seance-form,.sea-formulaire,.club-carte,.seance-carte,.sea-carte,.mois-carte,.affiche,.match-carte,.match-saison,.carte-compet,.compet-carte,.annonce,.r-cat,.jx-samedi,.fj-carte,.fj-bandeau,.tuile):not([data-ton="perte"]):not([data-etat="ko"]){background:var(--charte-carte);border-color:var(--charte-bord);box-shadow:var(--charte-ombre);border-radius:var(--r-3)}
  :root .club-pilotage .club-gerer{background:var(--charte-carte);border-color:var(--charte-bord)}
  :root .club-gerer-action{background:var(--charte-action);color:var(--charte-action-encre);border-color:var(--brass);box-shadow:var(--charte-ombre)}
  :root .club-gerer-tete:hover .club-gerer-action{background:var(--charte-action);border-color:var(--brass)}
  :root .k-carte:not([data-ton="perte"]){background:var(--charte-carte)!important;border-color:var(--charte-bord)}
  :root .k-chiffres{background:var(--charte-carte);border-color:var(--charte-bord);box-shadow:var(--charte-ombre)}
  :root .k-chiffres>div{background:none;border-color:var(--charte-bord)}
  :root .a-barre .k-med.k-sans{color:var(--a-encre)}
  :root .premium-panneau{background:var(--charte-carte)!important;border-color:var(--charte-bord)!important}
  :root :is(.gm-panneau,.compte-panneau,.partout,.choix,.mb,.fi,.fj){background:var(--charte-carte-uni);border-color:var(--charte-bord);box-shadow:var(--shadow)}
  :root :is(.gm-section[data-ton="laiton"],.k-carte.k-attend,.annonce[data-neuve="oui"],#club-a-regler){border-color:var(--brass);box-shadow:inset 3px 0 var(--brass),var(--charte-ombre)}
  :root :is(.carte-compet-signe,.club-tuile-icone,.club-cats-icone,.club-alerte-icone,.club-formule-icone,.k-carte-signe){color:var(--or);background:var(--charte-voile);border-color:var(--charte-bord)}
  :root :is(.page-chapo,.k-aide,.club-chapo,.gm-aide,.aide-champ,.tuile-detail){color:var(--charte-texte)}
  :root :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea):not(.score-saisie):not(.jr-date){background:var(--charte-champ)!important;color:var(--ink);border-radius:var(--r-1)}
  :root :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea):not(.score-saisie):not(.jr-date):not([aria-invalid="true"]){border-color:var(--charte-champ-bord)}
  :root :is(input,select,textarea):focus:not([aria-invalid="true"]){border-color:var(--brass);outline-color:var(--brass)}
  :root :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--loss);outline-color:var(--loss)}
  :root :is(.bouton-fantome,.bouton-cadre,.page-outil,.page-outil-mot,.k-bt,.btn,.jx-b,.match-leger,.seance-geste,.venir-geste,.match-geste){border-radius:var(--r-1);font-family:var(--f-titre)}
  :root :is(.bouton-laiton,.bouton-or,.k-bt.k-laiton,.k-bt.k-plein,.jx-b[data-ton="or"],.jx-f[data-ton="or"],.seance-confirmer:not([data-ton])){background:var(--charte-action);color:var(--charte-action-encre);border-color:var(--brass);border-radius:var(--r-1);box-shadow:var(--charte-ombre)}
  :root .bouton-charte{background:var(--charte-action)!important;color:var(--charte-action-encre)!important;box-shadow:var(--charte-ombre);border-radius:var(--r-1)!important}
  :root :is(.bouton-laiton,.bouton-charte,.k-bt.k-laiton,.k-bt.k-plein,.jx-b[data-ton="or"]):disabled{box-shadow:none}
  :root :is(.match-volets,.saison-filtres,.compet-volets,.aide-bascule,.k-nav,.compte-volets){border-color:var(--charte-bord)}
  :root :is(.match-volets,.saison-filtres,.compet-volets,.aide-bascule){background:var(--charte-creux-uni);border-radius:var(--r-2)}
  :root :is(.gm-volet,.k-onglet,.segmente-choix)[aria-selected="true"],:root :is(.compet-volets,.match-volets,.saison-filtres,.aide-bascule)>[aria-pressed="true"]{background:var(--charte-selection);color:var(--ink);border-color:var(--brass)}
  :root .cadre-barre,:root .cadre-nav{background:var(--charte-barre);border-color:var(--charte-bord);border-image:none;box-shadow:none}
  :root button.cadre-onglet[aria-current="page"]{background:var(--charte-selection);color:var(--laitonPris);box-shadow:inset 3px 0 var(--brass),inset 0 1px 0 var(--charte-bord)}
  :root .cadre-onglet[aria-current="page"]::before{background:var(--brass)}
  :root :is(.cadre-equipe,button.cadre-chercher,button.cadre-compte,.cadre-theme){background:var(--charte-creux-uni);border-color:var(--charte-bord);box-shadow:none}
  :root .cadre-theme-choix[aria-pressed="true"]{background:var(--charte-action);color:var(--charte-action-encre);box-shadow:inset 0 0 0 1px var(--charte-bord)}
  :root .porte .porte-carte{background:var(--charte-porte-fond);border-color:var(--charte-porte-bord);color:var(--charte-porte-encre);box-shadow:var(--charte-ombre);border-radius:var(--r-3)}
  :root .porte .porte-carte::before{background:linear-gradient(90deg,transparent,var(--brass),transparent)}
  :root .porte :is(.porte-sous,.porte-aide,.porte-champ>.etiquette){color:var(--charte-porte-texte)}
  :root .porte button.porte-lien{color:var(--or)}
  :root .porte input.porte-saisie{background:var(--charte-champ);border-color:var(--charte-champ-bord);border-radius:var(--r-1)}
  :root .porte input.porte-saisie[aria-invalid="true"]{border-color:var(--loss);outline-color:var(--loss)}
  :root .porte input.porte-saisie:focus:not([aria-invalid="true"]){border-color:var(--brass);outline-color:var(--brass)}
  :root .porte button.bouton-laiton{background:var(--charte-action);color:var(--charte-action-encre);border-color:var(--brass);border-radius:var(--r-1);box-shadow:var(--charte-ombre)}
  :root .porte button.porte-fantome{background:var(--charte-creux-uni);border-color:var(--charte-bord);border-radius:var(--r-1)}
  :root .aide-guide .sc-host-x>div[style*="display: grid"]>div,:root .aide-guide>div>:is(#aide-saison,#aide-question,#aide-educ){background:var(--charte-carte)!important;border-color:var(--charte-bord)!important;box-shadow:var(--charte-ombre)!important;border-radius:var(--r-3)!important}
  :root .but-liste [data-m="butCarte"]{background:var(--charte-carte)!important;border-color:var(--charte-bord)!important;box-shadow:var(--charte-ombre)!important}
  :root .but-liste [data-m="butCarte"][data-moi="oui"]{border-color:var(--brass)!important;box-shadow:inset 3px 0 var(--brass),var(--charte-ombre)!important}
}
@media screen and (max-width:600px){:root .cadre-nav{box-shadow:0 -8px 20px -20px var(--brass)}}
@media screen and (prefers-contrast:more),screen and (prefers-reduced-transparency:reduce){
  :root,.porte{--charte-carte:var(--solid);--charte-champ:var(--caseCreuse);--charte-creux-uni:var(--caseCreuse)}
  :root .porte .porte-carte{background:var(--solid)}
}
