/* play2k — identité « Mosaïque » : une seule apparence pour tout le site (remplace les 42 thèmes de timskiduh.ca).
   Fond nuit, bleu-violet du logo, rouge « en direct ». Les noms des variables sont ceux des anciens thèmes
   (--bg, --panel, --acc, --txt…) : viewer.css et admin.css s'en servent sans changement. */
:root {
  color-scheme: dark;
  --bg0: #0b0d18;
  --bg: #0b0d18;
  --panel: #141729;
  --hov: #1c2036;
  --code: #10132a;
  --line0: #262b45;
  --line: #262b45;
  --txt: #eef0fb;
  --mut: #9aa0bd;
  --acc: #6b75ff;          /* bleu du logo (carré play) */
  --acc2: #a3aaff;         /* bleu clair du logo (les trois autres carrés) */
  --live: #ff3b4e;
  --bad: #ff5c6c;
  --good: #2fd38a;
  --blue: #6b75ff;
  --hl: #3b3f7a;
  --tint: 0%;
  --grad: linear-gradient(120deg, var(--acc), color-mix(in srgb, var(--acc) 70%, #fff));
  --glow: 0 0 0 3px color-mix(in srgb, var(--acc) 28%, transparent);
  --chip: color-mix(in srgb, var(--acc) 16%, var(--panel));
  --sh: 0 10px 30px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);
  --glass: #141729d9;
  --f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-display: "Unbounded", "Figtree", system-ui, sans-serif;
}
body { font-family: var(--f-body); }
/* logo : quatre carrés, celui en haut à droite est le bouton play */
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--txt); text-decoration: none; }
.brand img { width: 34px; height: 34px; display: block; }
.brand-name { font: 800 21px/1 var(--f-display); letter-spacing: -.02em; }
.brand-name b { color: inherit; font-weight: 800; } /* le « k » de la même couleur que « play » */
/* le « 2 » dessiné : 2 bleu, barre du bas en flèche play rouge */
/* 2 plus haut que les lettres : le bas de sa barre reste sur la ligne d'écriture, il grandit vers le haut */
.brand-name .two { display: inline-block; height: 1.25em; width: auto; vertical-align: -0.04em; margin: 0 -0.1em 0 -0.08em; }