/* thema-pergament.css — TINTE AUF PAPIER.
 *
 * A THEME IS ONLY THIS FILE: variables plus the two surface textures. Nothing here
 * lays anything out; persona.css does that and contains no colour of its own. A
 * second theme (sci-fi) is a second file of the same shape - assets/thema-<name>.css,
 * with 'thema' in persona.local.json choosing it. That is the whole mechanism, and it
 * is why the structure file must stay free of literal colours: one hardcoded #hex in
 * persona.css and the next theme is half-done.
 */

:root{
  --papier:#d8c7a1;
  --papier-hell:#e7dabb;
  --papier-tief:#c9b78e;

  --text:#2a2018;
  --leise:#6b5a45;
  --sehr-leise:#9c8963;

  --akzent:#8c2f24;          /* Rot der Rubriken und Zierlinien */
  --akzent-hell:#a8443a;
  --gold:#8a6b23;
  --warnung:#8c2f24;
  --gut:#4f6b3f;

  --rand:#b7a37c;
  --karte:linear-gradient(180deg,rgba(255,252,242,.42),rgba(255,252,242,.14));
  --karte-fest:#ded0ad;

  --serif:Georgia,"Palatino Linotype","Book Antiqua",Palatino,serif;
  --schrift:var(--serif);
  --radius:0px;              /* Papier hat keine runden Ecken */

  --blut:#8c2f24;
  --bund:#2f5d7a;
  --feind:#7a4a1c;

  /* Kanten des Fensters hinter dem Papier */
  --hintergrund:#3a3226;
}

/* Der Papiergrund selbst: Verläufe plus ein einziges SVG-Rauschen als Faserung.
   Kein Bild, kein externer Aufruf, keine Lizenzfrage. */
html{background:var(--hintergrund)}
body{
  background-color:var(--papier);
  background-image:
    radial-gradient(ellipse at 18% 8%,  rgba(255,252,240,.55), transparent 58%),
    radial-gradient(ellipse at 85% 92%, rgba(120,92,52,.30),   transparent 55%),
    radial-gradient(ellipse at 92% 12%, rgba(150,120,72,.22),  transparent 48%);
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  opacity:.30;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Die Feldtexte liegen auf echten Linien, wie ein liniertes Blatt. */
.linienpapier{
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 1.6rem, rgba(150,125,85,.28) 1.6rem 1.62rem);
  line-height:1.62rem;
}