/* Identité Retooch : polices (servies par nous) et couleurs de la marque.
   Chargé par toutes les pages (accueil, panneau, connexion…). */

@font-face {
  font-family: "Poppins";
  font-weight: 700 800;
  font-style: normal;
  font-display: swap;
  src: url("fonts/poppins-700.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/inter-400.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/inter-500.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/inter-600.woff") format("woff");
}

:root {
  --encre: #0B0F1A;          /* texte, boutons principaux */
  --encre-2: #3F4657;        /* texte secondaire */
  --encre-3: #5A6172;        /* légendes */
  --degrade-debut: #7C5CFF;  /* violet */
  --degrade-fin: #FF4FB0;    /* rose */
  --degrade: linear-gradient(135deg, var(--degrade-debut), var(--degrade-fin));
  --violet-texte: #4B2FD1;   /* liens (contraste suffisant sur blanc) */
  --violet-fonce: #2E1A8F;
  --violet-pale: #F2EEFF;
  --violet-bord: #B49CFF;
  --fond-doux: #F7F7FA;
  --police-titres: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --police-texte: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Logo : bulle dégradée + « retooch » + point dégradé. */
.marque {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  text-decoration: none;
  color: var(--encre);
}
.marque-icone { width: 36px; height: 35px; flex: none; }
.marque-mot {
  font-family: var(--police-titres);
  font-weight: 800;
  font-size: 26px;
  letter-spacing: -0.035em;
  line-height: 1;
  color: inherit;
}
.marque-point {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--degrade);
  align-self: flex-end;
  margin-bottom: 14px;
}
.marque-claire { color: #FFFFFF; }

[hidden] { display: none !important; }