/* PN-Technik · gemeinsame Schriften und Farben für alle Kundenseiten und das Admin-UI (Claude, 2026-11-05).
   Dunkel ist Standard; Klasse pn-theme-light auf <html> schaltet hell. Schriften lokal (OFL), keine externen Requests. */

@font-face { font-family: "PN Display"; src: url("assets/fonts/barlow-condensed-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "PN Display"; src: url("assets/fonts/barlow-condensed-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "PN Mono"; src: url("assets/fonts/jetbrains-mono-500.woff2") format("woff2"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "PN Text"; src: url("assets/fonts/inter-latin-var.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

html.pn-skin {
  --pn-bg: #0C0D0F;
  --pn-surface: #15171B;
  --pn-field: #0C0D0F;
  --pn-quiet: #101114;
  --pn-line: #2A2E35;
  --pn-line-strong: #3A3F47;
  --pn-ink: #F3F1EC;
  --pn-ink-2: #C2C6CC;
  --pn-muted: #A3A8B0;
  --pn-accent: #3D8BFF;
  --pn-accent-hover: #7DB4FF;
  --pn-accent-text: #7DB4FF;
  --pn-on-accent: #0C0D0F;
  --pn-accent-soft: rgba(61, 139, 255, .10);
  --pn-error: #FF8F87;
  --pn-ok: #5FD39A;
  --pn-font-display: "PN Display", "Barlow Condensed", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
  --pn-font-text: "PN Text", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pn-font-mono: "PN Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: dark;
}
html.pn-skin.pn-theme-light {
  --pn-bg: #F3F1EC;
  --pn-surface: #FFFFFF;
  --pn-field: #FFFFFF;
  --pn-quiet: #ECEAE4;
  --pn-line: #D6D3CB;
  --pn-line-strong: #B9B5AB;
  --pn-ink: #0C0D0F;
  --pn-ink-2: #2E3238;
  --pn-muted: #5A5F67;
  --pn-accent: #1A4FBF;
  --pn-accent-hover: #123C95;
  --pn-accent-text: #1A4FBF;
  --pn-on-accent: #FFFFFF;
  --pn-accent-soft: rgba(26, 79, 191, .07);
  --pn-error: #B42318;
  --pn-ok: #18794E;
  color-scheme: light;
}


/* Eigene Website: Zurück zum Shop + Rechtstexte (Claude, 2026-11-06). In der Einbettung liefert der Shop diese Links selbst. */
.pn-site-foot { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; padding: 18px 16px 24px; border-top: 1px solid var(--pn-line); background: var(--pn-bg); font: 500 13px/1.4 var(--pn-font-text); }
.pn-site-foot a { color: var(--pn-muted); text-decoration: none; padding: 6px 0; transition: color 160ms ease; }
.pn-site-foot a:first-child { color: var(--pn-accent-text); }
.pn-site-foot a:focus-visible { outline: 2px solid var(--pn-accent); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .pn-site-foot a:hover { color: var(--pn-ink); } }
html.embed-mode .pn-site-foot { display: none; }
.pn-home-link { display: inline-block; border-radius: 4px; }
.pn-home-link:focus-visible { outline: 2px solid var(--pn-accent); outline-offset: 3px; }