/*
 * L'habillage de l'app de Sam (app.sam-reno.fr) : sa charte « Brand kit v1 » (lue le 05/11/2026), posée sur les jetons
 * de daemon-app (web/src/styles/jetons.css), monté sur /usr/share/nginx/html/marque.css du conteneur daemon-app.
 * Un client ne change que ses couleurs et ses polices : les formes, les arrondis et la mise en page sont ceux de Daemon
 * (Jerem, 06/11 : « mon design est référence partout »), rien ici ne doit y toucher.
 * Bleu pétrole pour ce qui se clique (rare : 10 %), encre pour les titres, papier pour le fond ;
 * Source Serif 4 (titres, 500) et IBM Plex Sans (texte), IBM Plex Mono (étiquettes). Montserrat reste au seul logo.
 * La charte n'a qu'un thème clair : le sombre en est dérivé (encre en fond, bleu ciel pour l'action, comme « Sam » du
 * logo sur fond foncé). Contrastes vérifiés (WCAG 2.1 AA) : texte ≥ 4,5:1, bordures fortes ≥ 3:1 sur les surfaces.
 * Polices : servies par le serveur (fonts/ à côté), sinon la pile de repli, la même que celle de la charte.
 */
:root {
  --couleur-fond: #f4f3ef;          /* Papier */
  --couleur-surface: #ffffff;       /* Blanc : cartes et surfaces */
  --couleur-surface-2: #fbfaf7;
  --couleur-surface-3: #ece9e3;
  --couleur-bordure: #e6e3dd;       /* filets fins */
  --couleur-bordure-forte: #7e8388;
  --couleur-texte: #2f353b;         /* Texte */
  --couleur-texte-2: #3f4656;       /* Ardoise */
  --couleur-texte-3: #5f646a;
  --couleur-texte-inverse: #f4f3ef;
  --couleur-accent: #21698a;        /* Bleu pétrole */
  --couleur-accent-survol: #174d66; /* Bleu profond */
  --couleur-accent-fond: #eaf4f8;
  --couleur-sur-accent: #ffffff;
  --couleur-lien: #21698a;
  --couleur-focus: #21698a;
  /* Niveaux de diagnostic de la charte */
  --couleur-succes: #1a7a42;
  --couleur-succes-fond: #edf6f0;
  --couleur-erreur: #b3261e;
  --couleur-erreur-fond: #fbedec;
  --couleur-attention: #8a6008;
  --couleur-attention-fond: #fdf6ec;
  --couleur-info: #1a6a8c;
  --couleur-info-fond: #eaf4f8;
  --couleur-organisation-defaut: #21698a;
  --ombre-1: 0 1px 2px rgb(20 24 28 / 0.04);
  --ombre-2: 0 1px 2px rgb(20 24 28 / 0.04), 0 18px 40px -30px rgb(20 24 28 / 0.35);
  --police-texte: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --police-chiffres: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

:root[data-theme="sombre"] {
  --couleur-fond: #14181c;          /* Encre */
  --couleur-surface: #1b2026;
  --couleur-surface-2: #222830;
  --couleur-surface-3: #2c333c;
  --couleur-bordure: #2c333c;
  --couleur-bordure-forte: #7d838a;
  --couleur-texte: #f4f3ef;
  --couleur-texte-2: #d9d7d2;       /* Filet */
  --couleur-texte-3: #a9adb2;
  --couleur-texte-inverse: #14181c;
  --couleur-accent: #a8d4e6;        /* Bleu ciel */
  --couleur-accent-survol: #c4e3ef;
  --couleur-accent-fond: #17323f;
  --couleur-sur-accent: #14181c;
  --couleur-lien: #a8d4e6;
  --couleur-focus: #a8d4e6;
  --couleur-succes: #8fd4a6;
  --couleur-succes-fond: #12291b;
  --couleur-erreur: #f2a7a2;
  --couleur-erreur-fond: #3a1714;
  --couleur-attention: #f0d49a;
  --couleur-attention-fond: #33270e;
  --couleur-info: #a8d4e6;
  --couleur-info-fond: #17323f;
  --couleur-organisation-defaut: #a8d4e6;
}

/* Titres : Source Serif 4, graisse 500, jamais de gras */
h1, h2, h3, .cadre-titre {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-weight: 500;
}
/* La marque de l'en-tête et du cadre de connexion : étiquette de la charte (IBM Plex Mono, capitales, espacée) */
.entete-marque, .cadre-marque {
  font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* Polices servies par le serveur de Sam (fichiers à côté de ce fichier, licence SIL Open Font) */
@font-face { font-family: "IBM Plex Sans"; font-weight: 300 600; font-display: swap; src: url("/fonts/ibm-plex-sans.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400 500; font-display: swap; src: url("/fonts/ibm-plex-mono.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 400 600; font-display: swap; src: url("/fonts/source-serif-4.woff2") format("woff2"); }

/* Page de connexion (demande de Jerem du 05/11/2026) : le logo SamReno à la place du nom écrit (le nom reste lu par les
   lecteurs d'écran : texte masqué, pas retiré). Logo couleur en clair, version blanche (« Sam » bleu ciel) en sombre. */
.cadre .cadre-marque {
  width: 200px; height: 81px; margin: 0 auto var(--espace-2);
  font-size: 0; line-height: 0; letter-spacing: 0; color: transparent;
  background: url("/marque-logo.png") center / contain no-repeat;
}
:root[data-theme="sombre"] .cadre .cadre-marque { background-image: url("/marque-logo-blanc.png"); }