/* 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. Kein eigenes Raster, keine eigenen Abstände: Layout, Seitenleiste und Abstände bleiben aus admin.css und
   kern.css, damit Admin und Portal gleich aussehen. */

/* 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%); }
: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); }
}