/* TouchPoynt: Admin der Accounts, Eingang und Login (Bauplan zwei Eingänge 4.2). Farben und Schriften kommen als Tokens
   aus marken/touchpoynt.json (dieselben wie JanMaxlife: Navy, Creme, Gold, Libre Baskerville und Inter). Hier nur die
   Wortmarke und die dunkle Seitenleiste. Kein eigenes Raster, keine eigenen Abstände: Layout und Abstände bleiben aus
   admin.css und kern.css, Buttons und Überschriften wie bei JanMaxlife. */

/* Wortmarke „Touchp●ynt“ wie auf der Website (Touchpoynt/Website/index.html, .tp-logo): TT Norms, fein gesperrt,
   das o ist eine Kugel. Markup aus „wortmarke“ der Markendatei (ui/seite.js, markenZeichen). */
@font-face { font-family: 'TT Norms'; font-weight: 400; font-display: swap; src: url(/static/produkte/tt-norms-regular.woff2) format('woff2'); }
.wortmarke { font-family: 'TT Norms', var(--sans); font-weight: 400; --ls: .09em; letter-spacing: var(--ls); }
/* Maße = Glyphe „o“ von TT Norms: 0,50 em hoch, 0,01 em unter der Grundlinie, je 0,045 em Vor- und Nachbreite.
   Auf hellem Grund eine Navy-Kugel, auf dunklem Grund die helle Kugel der Website. */
.wortmarke-o { width: .5em; height: .5em; margin: 0 calc(.045em + var(--ls)) 0 .045em; translate: 0 .01em;
  background: radial-gradient(circle at 34% 30%, #5d6679 0%, #2a3245 40%, #0b0f1a 92%); }
.a-leiste .wortmarke-o, :root[data-theme="dark"] .wortmarke-o {
  background: radial-gradient(circle at 34% 30%, #fff 0%, #f4f0e8 18%, #c4bfb5 58%, #77736d 92%, #5f5c58 100%); box-shadow: 0 0 .35em rgba(248, 245, 238, .14); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .wortmarke-o {
    background: radial-gradient(circle at 34% 30%, #fff 0%, #f4f0e8 18%, #c4bfb5 58%, #77736d 92%, #5f5c58 100%); box-shadow: 0 0 .35em rgba(248, 245, 238, .14); }
}

/* Seitenleiste: dunkles Navy, Text Creme. Der Admin ist nur hell, darum stehen hier die Dunkelwerte aus
   marken/touchpoynt.json (farben.dunkel: surface, text, muted, line) als Tokens nur für die Leiste. */
.admin .a-leiste { --text: #f8f5ee; --muted: #979fab; --surface: rgba(248, 245, 238, 0.08); --line: rgba(248, 245, 238, 0.1);
  background: #0a1020; color: var(--text); border-right-color: var(--line); }