/* (c) 2024-2026 ASSISTUK Lars Tiedemann. All Rights Reserved. */
/* =========================================================================
   dp-legal-theme.css — theme-aware skin for the standalone legal pages
   (impressum, datenschutz, nutzungsbedingungen). Those pages ship a fully
   self-contained dark inline <style>; this file is linked AFTER it (right
   before </head>) so it wins the cascade.

   THEME-AWARE: colours derive from the --dp-* design tokens, so the legal
   pages follow whatever theme the user picked (DP_THEME, applied as
   body.theme-X by dp-theme-loader.js). In Studiokarton that yields the
   paper/ink/brass catalogue look (+ paper texture); in Dark/Light/… it
   yields the matching palette. Requires dp-tokens.css + dp-theme.css loaded.
   ========================================================================= */
@import url("dp-fonts.css?v=skr2");

body {
  background: var(--dp-bg, #f4ead8) !important;
  color: var(--dp-text, #1a1614) !important;
  font-family: var(--dp-font, 'Merriweather', Georgia, serif) !important;
}
/* Studiokarton gets the warm paper texture on top of the token bg. */
body.theme-studiokarton {
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.32 0 0 0 0 0.24 0 0 0 0 0.10 0 0 0 0.06 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>") repeat,
    linear-gradient(180deg, #f4ead8 0%, #e8dcc4 100%) !important;
  background-blend-mode: multiply !important;
}

.g-brand-header { border-bottom-color: var(--dp-border, #c8b899) !important; }
.g-brand-header .brand-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--dp-text, #1a1614) !important;
  background-clip: initial !important;
  color: var(--dp-text, #1a1614) !important;
  font-weight: 900;
}
.g-brand-header .brand-subtitle { color: var(--dp-text-dim, #6e5d4b) !important; }

h1 { color: var(--dp-text, #1a1614) !important; }
h2, h3, h4 { color: var(--dp-accent, #7a5520) !important; }
p, li, td, th, dd, dt { color: var(--dp-text, #3a2f25) !important; }

a, .back-link { color: var(--dp-accent, #7a5520) !important; }
a:hover, .back-link:hover { filter: brightness(1.15); }

/* Language switch chips */
.lang-btn {
  border-color: var(--dp-border, #c8b899) !important;
  color: var(--dp-text-dim, #6e5d4b) !important;
  background: var(--dp-bg-card, #fdf9ec) !important;
}
.lang-btn:hover { border-color: var(--dp-accent, #a87b3a) !important; color: var(--dp-text, #1a1614) !important; }
.lang-btn.active {
  background: var(--dp-accent, #a87b3a) !important;
  color: var(--dp-bg, #fdf9ec) !important;
  border-color: var(--dp-accent, #a87b3a) !important;
}

/* Card/section panels stay transparent so the page bg shows through. */
.container, .legal-card, .section, .card { background: transparent !important; }
hr { border-color: var(--dp-border, #c8b899) !important; }

/* Studiokarton editorial flourishes (serif italic) — only in that theme. */
body.theme-studiokarton .g-brand-header .brand-title,
body.theme-studiokarton h1,
body.theme-studiokarton h2 { font-style: italic; }