/* Variables de style de l'outil de suivi des joueurs.
   Direction C « Club premium », version 1.1 du 18/10/2026.

   Règle d'or : c'est le seul fichier où une couleur est écrite en clair.
   Les composants n'utilisent que ces variables.

   Les quatre variables « --club-* » du premier bloc sont remplacées au
   chargement de l'appli par les réglages du club, après passage par le
   contrôle de lisibilité (lisibilite.js). Les valeurs ci-dessous sont
   celles du club pilote. */

:root {
  color-scheme: light;

  /* Couleurs du club (réglables, contrôlées par lisibilite.js) */
  --club-principal: #011873;          /* bandeaux, titres, boutons */
  --club-accent: #F9D41C;             /* liseré, repères ; jamais du texte sur blanc */
  --club-accent-lisible: #F9D41C;     /* accent posé sur la couleur principale (chiffres, icônes) */
  --club-sur-principal: #FFFFFF;      /* texte posé sur la couleur principale */
  --club-sur-accent: #011873;         /* texte posé sur l'accent */

  /* Dérivées automatiquement de la couleur du club */
  --club-principal-fonce: color-mix(in srgb, var(--club-principal) 78%, #000000);
  --club-principal-doux: color-mix(in srgb, var(--club-principal) 9%, #FFFFFF);
  --club-voile: color-mix(in srgb, var(--club-principal) 45%, transparent);
  --sur-bandeau-doux: color-mix(in srgb, var(--club-sur-principal) 78%, var(--club-principal));
  --sur-bandeau-trace: color-mix(in srgb, var(--club-sur-principal) 8%, transparent);
  --sur-bandeau-calque: color-mix(in srgb, var(--club-sur-principal) 13%, transparent);
  --sur-bandeau-piste: color-mix(in srgb, var(--club-sur-principal) 20%, transparent);
  --terrain-ligne: color-mix(in srgb, var(--club-sur-principal) 30%, transparent);  /* lignes du terrain de composition */

  /* Interface : neutres teintés vers le bleu du club */
  --fond: #F2F4F9;            /* fond des écrans */
  --surface: #FFFFFF;         /* cartes, feuilles, PDF */
  --champ: #EDF0F7;           /* boutons de note, pastilles */
  --champ-appuye: #E3E7F1;    /* bouton secondaire */
  --ligne: #E2E6EF;           /* séparateurs, grilles de graphique */
  --piste: #E6EAF2;           /* fond des barres de progression */
  --controle: #8A93A8;        /* interrupteur éteint, bord des champs (3:1 sur blanc) */
  --encre: #0E1530;           /* texte principal */
  --encre-2: #2C3550;         /* texte secondaire appuyé */
  --encre-douce: #5B6478;     /* légendes, libellés (5,9:1 sur blanc) */

  /* États : toujours accompagnés d'un mot ou d'une icône */
  --succes: #0B6B4F;
  --succes-fond: #E3F3EC;
  --attention: #9A4A00;
  --attention-encre: #5A2C00;
  --attention-fond: #FFF1E0;
  --attention-trait: #B4610F;
  --attention-piste: #F6DEC2;
  --erreur: #B42318;
  --erreur-fond: #FDECEA;

  /* Types d'objectif : la couleur dit qui l'a fixé, toujours avec son étiquette et son icône.
     Coach = couleur du club ; catégorie = cyan ; défi du joueur = violet.
     Distances mesurées (OKLab x100, vision normale / daltonisme) : cyan-violet 24,5 / 15,0,
     cyan-vert succès 16,9 / 16,3. Ces deux teintes ne servent jamais d'état. */
  --objectif-coach: var(--club-principal);
  --objectif-categorie: #0891B2;          /* trait et icône : 3,7:1 sur blanc */
  --objectif-categorie-encre: #155E75;    /* texte de l'étiquette : 6,5:1 sur son fond */
  --objectif-categorie-fond: #E6F6FA;
  --objectif-defi: #7C3AED;               /* trait et icône : 5,7:1 sur blanc */
  --objectif-defi-encre: #5B21B6;         /* texte de l'étiquette : 7,8:1 sur son fond */
  --objectif-defi-fond: #F1ECFE;

  /* Fiche PDF : fond blanc, texte toujours noir */
  --pdf-fond: #FFFFFF;
  --pdf-texte: #000000;
  --pdf-trait: #CDD3DE;       /* grilles des graphiques, lignes des tableaux */

  /* Typographie */
  --police-titre: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
  --police-texte: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --t-heros: 6.5rem;      /* 104 px : le grand chiffre d'un écran */
  --t-heros-2: 5.5rem;    /* 88 px : grand chiffre à 3 caractères ou plus */
  --t-titre-1: 2rem;      /* 32 px : titre d'écran */
  --t-titre-2: 1.375rem;  /* 22 px : titre de carte, bouton principal */
  --t-chiffre: 1.75rem;   /* 28 px : chiffre de tuile */
  --t-nom: 1.25rem;       /* 20 px : nom d'un joueur */
  --t-texte: 1rem;        /* 16 px : texte courant, jamais en dessous pour lire */
  --t-petit: 0.875rem;    /* 14 px */
  --t-legende: 0.8125rem; /* 13 px */
  --t-mini: 0.75rem;      /* 12 px : minimum absolu, onglets et étiquettes */

  /* Espacements (multiples de 4) */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-8: 32px;

  /* Arrondis : plus l'objet est grand, plus il est arrondi */
  --r-note: 12px;
  --r-avatar: 14px;
  --r-bouton: 16px;
  --r-tuile: 18px;
  --r-carte: 22px;
  --r-feuille: 24px;
  --r-pastille: 999px;

  /* Tailles de toucher */
  --h-toucher: 48px;      /* minimum pour tout ce qui se touche */
  --h-note: 50px;
  --h-bouton: 56px;

  /* Bandeau : coupe en diagonale et liseré */
  --bandeau-coupe: 46px;  /* hauteur de la diagonale */
  --bandeau-lisere: 8px;  /* épaisseur du liseré à gauche */

  /* Mouvement */
  --duree-courte: 150ms;
  --duree: 250ms;
  --courbe: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Anneau de focus : bleu sur fond clair, accent sur le bandeau */
  --focus-anneau: var(--club-principal);
}