/* Feuille de jetons - palette appliquee telle que fournie (30/08/2026).
   Chargee en DERNIER dans le <head> : elle a le dernier mot sur les variables
   definies dans header.css et dans le <style> de chaque page.
   Pour tout annuler : retirer le <link rel="stylesheet" href="/assets/theme.css">. */
:root{
  /* ================= Jetons fournis ================= */
  /* Couleurs principales */
  --exa-dark:#323232;
  --exa-dark-hover:#454545;
  --exa-pink:#FF3D77;
  --exa-white:#FFFFFF;
  --exa-light-grey:#F6F6F6;
  /* Accents */
  --exa-blue:#06BBF1;
  --exa-yellow:#FFB623;
  --exa-purple:#8264E1;
  --exa-green:#00C882;
  --exa-error:#EB4848;
  /* Fonds pastel */
  --exa-pastel-pink:#FFE2E9;
  --exa-pastel-blue:#B3E5FC;
  --exa-pastel-blue-light:#DFF5FF;
  --exa-pastel-yellow:#FFF0C6;
  --exa-pastel-green:#EAFFF5;
  /* Textes */
  --exa-text-primary:rgba(50, 50, 50, 0.87);
  --exa-text-secondary:rgba(50, 50, 50, 0.67);
  --exa-text-muted:rgba(50, 50, 50, 0.56);
  --exa-text-disabled:rgba(50, 50, 50, 0.38);
  /* Typographies */
  --exa-font-heading:"Styrene A", Arial, sans-serif;
  --exa-font-body:"Open Sans", Arial, sans-serif;
  /* Arrondis */
  --exa-radius-input:4px;
  --exa-radius-card:16px;
  --exa-radius-pill:1000px;
  /* Structure */
  --exa-header-height:117px;
  --exa-page-padding:16px;

  /* ============ Valeurs derivees (absentes de la feuille) ============
     La feuille ne fournit ni survol du rose, ni seconde surface, ni couleur
     de filet. Ces trois valeurs sont calculees a partir des siennes. */
  --exa-pink-hover:#E62E66;
  --exa-light-grey-2:#EDEDED;
  --exa-line:#E0E0E0;

  /* ============ Raccordement au CSS existant ============
     Les pages et header.css utilisent ces noms depuis l'origine. On les
     branche sur les jetons : la nouvelle palette s'applique partout d'un
     seul coup, sans toucher au CSS des pages. */
  --ink:var(--exa-dark);
  --ink-soft:var(--exa-text-secondary);
  --soft-ink:var(--exa-text-secondary);
  --muted:var(--exa-text-muted);
  --line:var(--exa-line);
  --brand:var(--exa-pink);
  --brand-d:var(--exa-pink-hover);
  --accent:var(--exa-blue);
  --violet:var(--exa-purple);
  --soft:var(--exa-light-grey);
  --soft2:var(--exa-light-grey-2);
  --ok:var(--exa-green);
  --amber:var(--exa-yellow);
  --cyan:var(--exa-blue);
  --magenta:var(--exa-pink);
  --jaune:var(--exa-yellow);
  --radius:var(--exa-radius-card);

  /* En-tete partage : ReflexPrinting (--rp-cyan / magenta / jaune) et
     KOOPRINTA (--rp-sauge / terracotta / rose) passent sur la meme palette. */
  --rp-noir:var(--exa-dark);
  --rp-creme:var(--exa-light-grey);
  --rp-ligne:var(--exa-line);
  --rp-gris:var(--exa-text-secondary);
  --rp-cyan:var(--exa-blue);
  --rp-magenta:var(--exa-pink);
  --rp-magenta-d:var(--exa-pink-hover);
  --rp-jaune:var(--exa-yellow);
  --rp-terracotta:var(--exa-pink);
  --rp-terracotta-d:var(--exa-pink-hover);
  --rp-sauge:var(--exa-blue);
  --rp-sauge-d:var(--exa-dark-hover);
  --rp-rose:var(--exa-pastel-pink);
}

/* ---- Textes : l'encre de la feuille, a ses quatre niveaux de presence ---- */
body{color:var(--exa-text-primary)}
h1,h2,h3,h4,h5,h6{color:var(--exa-dark)}

/* ---- Arrondis : champs de saisie et boutons ---- */
input:not([type=checkbox]):not([type=radio]),
select,textarea{border-radius:var(--exa-radius-input)}
.btn,button.btn,a.btn{border-radius:var(--exa-radius-pill)}
