/* Name: Klausgesellschaft
   Beschreibung: Wie die Website klausgesellschaft-muehlau.ch: Cremeweiss, Weinrot, Schrift Raleway.
   Akzent: #9b1b1e
   Akzent-hell: #f6e6e3
   Vorschau: #faf6ef #9b1b1e #fffdf9 #3a3f44 */
@font-face { font-family:'Raleway'; src:url(/static/raleway.woff) format('woff'); font-weight:100 900; font-style:normal; font-display:swap; }
:root {
  --bg:#faf6ef; --panel:#fffdf9; --fg:#3a3f44; --heading:#0e1015; --muted:#7a746a; --line:#e7dfd2;
  --accent:#9b1b1e; --accent-soft:#f6e6e3; --err:#b3261e; --ok:#2e6b3f; --ok-soft:#e7efe2;
  --hdr-bg:#9b1b1e; --hdr-fg:#faf6ef; --hdr-muted:rgba(250,246,239,.85); --hdr-active:#faf6ef; --hdr-border:#7f1619;
  --font:'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif; --fs:15.5px; --hweight:500; --radius:3px;
  --foot-bg:#9b1b1e; --foot-fg:#faf6ef;
  --link:#4a3d38; --link-hover:#9b1b1e; /* Links dunkel, erst beim Überfahren rot */
}
:root[data-mode="dark"] button, :root[data-mode="dark"] .btn, :root[data-mode="oled"] button, :root[data-mode="oled"] .btn { background:#a82225; border-color:#a82225; color:#fff8ef; }
:root[data-mode="dark"] button.ghost, :root[data-mode="oled"] button.ghost, :root[data-mode="dark"] button.link, :root[data-mode="oled"] button.link,
:root[data-mode="dark"] button.danger, :root[data-mode="oled"] button.danger { background:transparent; }
:root[data-mode="dark"] button.danger, :root[data-mode="oled"] button.danger { color:var(--err); border-color:var(--err); }
/* Menüknöpfe und Darstellungswahl nicht als rote Knöpfe */
:root[data-mode] .dd .ddb, :root[data-mode] .modes button { background:transparent; border-color:transparent; color:inherit; }
:root[data-mode] .dd .ddb { color:var(--hdr-muted); border-bottom:2px solid transparent; }
:root[data-mode] .dd.on > .ddb { color:var(--hdr-fg); border-bottom-color:var(--hdr-active); }
:root[data-mode] .modes button { border-color:var(--line); color:var(--fg); }
:root[data-mode] .modes button.on { border-color:var(--accent); color:var(--accent); }
:root[data-mode="dark"], :root[data-mode="oled"] {
  /* Dunkel: Anthrazit (aus der Schriftfarbe der Website) mit weinroten Akzenten */
  --bg:#1d2023; --panel:#262a2e; --fg:#e8e5e0; --heading:#f5f2ed; --muted:#9ba1a7; --line:#3a3f44;
  --accent:#e0676a; --accent-soft:#3a2a2c; --err:#f08a80; --ok:#9fd3a8; --ok-soft:#1f2c23;
  --hdr-bg:#16181b; --hdr-fg:#f5f2ed; --hdr-muted:rgba(232,229,224,.78); --hdr-active:#c8383b; --hdr-border:#9b1b1e;
  --foot-bg:#16181b; --foot-fg:#9ba1a7;
  --link:#e8e5e0; --link-hover:#ef8587;
}
:root[data-mode="dark"] header { border-bottom-width:3px; }
:root[data-mode="dark"] .sitefoot { border-top:3px solid #9b1b1e; }
:root[data-mode="dark"] a { text-decoration-color:rgba(224,103,106,.4); }
:root[data-mode="dark"] .hlogo { filter:none; }
/* OLED: schwarz, Weinrot nur als Linie und Akzent */
html:root[data-mode="oled"] { --hdr-bg:#000; --hdr-border:#9b1b1e; --hdr-active:#e0585b; --foot-bg:#000; --foot-fg:#9a8f86; --heading:#f2ece4; }
a { font-weight:600; text-decoration:underline; text-decoration-color:rgba(155,27,30,.28); text-underline-offset:3px; text-decoration-thickness:1px; }
a:hover { text-decoration-color:currentColor; }
header a, .dd .menu a, .sitefoot a, a.btn, a.tag, table a, .dl a, .card h3 a, .stats a { text-decoration:none; }
table a:hover, .dl a:hover, .stats a:hover { text-decoration:underline; text-decoration-color:var(--link-hover); }
body { font-weight:500; letter-spacing:.005em; font-variant-numeric:lining-nums tabular-nums; }
h1, h2, h3 { color:var(--heading); letter-spacing:.01em; }
button, .btn { font-weight:600; letter-spacing:.02em; }
header .org { font-weight:700; letter-spacing:.02em; }
.hlogo { height:38px; }
th { text-transform:uppercase; letter-spacing:.05em; font-size:11.5px; }
fieldset { border-color:var(--line); }
legend { color:var(--accent); }
.card h3 a, .card h3 { color:var(--heading); }