/* STAFFTIME · jetons de la marque, charges APRES app.css (includes/brand.php, brand_css_lien()).
   Ce fichier ne contient QUE des jetons (:root et ses variantes [data-theme="dark"] et
   [data-menu="clair"]). Jamais une regle de composant : app.css reste commun aux deux marques,
   la mise en page, les animations, le retour haptique et les comportements sont ceux de Time-Up.

   Charte du distributeur (logo Akxio, recue le 18/09/2026) : noir #000000, magenta #E6255F, fond blanc.
   Contrastes mesures (WCAG 2.1) :
     texte #000 / blanc 21:1 · texte secondaire #5C5C5C / blanc 6,69:1 · bouton blanc / noir 21:1
     magenta #E6255F / blanc 4,38:1 : aplats, filets, focus, etat actif (seuil 3:1), jamais du petit texte
     liens #C21A4E / blanc 5,91:1 (meme teinte, assombrie) · texte #8E1238 / aplat pale 7,88:1
     sombre : texte 17,68:1 · secondaire 7,43:1 · bouton noir / magenta 4,79:1 · lien #FF7AA0 7,36:1 */

:root {
  /* Neutres : fond blanc de la charte, gris sans teinte (Time-Up les teinte de bleu). */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-muted: #F7F7F7;
  --text: #000000;
  --text-2: #5C5C5C;
  --border: #E4E4E4;
  --border-2: #F2F2F2;
  --border-strong: #CCCCCC;
  --gris-2: #8A8A8A;

  /* La primaire porte les actions : le noir de la charte, texte blanc 21:1. */
  --primary: #000000;
  --primary-h: #262626;
  --primary-txt: #FFFFFF;
  --primary-pale: #FDE9EF;
  --primary-soft: #F2F2F2;

  /* L'accent : le magenta de la charte. */
  --accent-turq: #E6255F;
  --accent-turq-txt: #C21A4E;
  --accent-turq-rgb: 230, 37, 95;
  --accent-turq-fonce: #8E1238;

  /* Marque */
  --brand-navy: #000000;
  --brand-turq: #E6255F;
  --brand-turq-rgb: 230, 37, 95;
  --navy-rgb: 0, 0, 0;
  --brand-soft: #FDE9EF;
  --or-2: #F27A9C;
  --or-pale: #FDE9EF;
  --ardoise-2: #1F1F1F;
  --navy-deep: #000000;
  --navy-light: #333333;
  --info: #262626;
  --info-soft: #F2F2F2;

  /* Barre laterale (style sombre) : le noir de la charte. */
  --side-bg: #000000;
  --side-bg-dark: #000000;

  /* Ombres : memes geometries que Time-Up, teinte neutre. */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .05);

  /* Graphiques */
  --chart-neutre: #D4D4D4;
}

:root[data-menu="clair"] {
  --nav: #FFFFFF;
  --nav-foreground: #000000;
  --nav-muted: #6B6B6B;
  --nav-hover: #F4F4F4;
  --nav-border: #E6E6E6;
}

:root[data-theme="dark"] {
  --bg: #0A0A0A;
  --surface: #161616;
  --text: #F2F2F2;
  --text-2: #A6A6A6;
  --border: #2E2E2E;
  --border-2: #1F1F1F;

  /* Sur fond sombre l'accent porte l'action, texte noir (4,79:1). */
  --primary: #E6255F;
  --primary-h: #F0457A;
  --primary-txt: #000000;
  --primary-pale: #3A0F1D;
  --accent-turq-txt: #FF7AA0;

  --gris-2: #8C8C8C;
  --ardoise-2: #1F1F1F;
  --or-pale: #3A0F1D;
  --chart-neutre: #3A3A3A;
}