/* ═══════════════════════════════════════════════════════════════════════
   hell.css · neues helles Design für shingon-reiki.com (Oktober 2026)
   Im Stil der ablefy-Themenwelten: cremefarbener Grund, violette Kacheln,
   weiße Karten, Lato, goldene Eyebrows.
   Wird NACH den Seiten-Styles geladen und legt sich über das alte dunkle
   Design. Die Seiten selbst bleiben unverändert; zurück zum alten Design =
   diese eine Datei aus dem <head> entfernen.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --bg-dark: #f7f3ec;
  --bg-mid: #ffffff;
  --bg-card: #ffffff;
  --bg-card2: #f6f2ff;
  --gold: #7f5810;
  --gold-light: #2a0a6b;
  --gold-dim: #7f5810;
  --cream: #22192f;
  --text-main: #22192f;
  --text-dim: #3f3157;
  --cream-dim: #3f3157;
  --brown-mid: #e7e0d4;
  --plum: #4a00eb;
  --plum-dim: #efe9ff;
  --plum-light: #4a00eb;
  --font-display: 'Lato', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-body: 'Lato', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-jp: 'Noto Serif JP', 'Yu Mincho', serif;
  /* neue Tokens */
  --h-violet: #4a00eb;
  --h-violet-dk: #2a0a6b;
  --h-tint: #efe9ff;
  --h-line: #e7e0d4;
  --h-gold-lt: #e6c77c;
  --h-shadow: 0 10px 30px rgba(42, 10, 107, .08);
  --h-r: 20px;
}

html, body { background: #f7f3ec !important; color: #22192f; }
body { font-family: var(--font-body); font-size: 18px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body::before, body::after, .noise-overlay, .aurora-strip::after, .kanji-drift { display: none !important; animation: none !important; }
a { color: var(--h-violet); }
p, li { color: inherit; }
::selection { background: #e2d6ff; }

/* Überschriften */
h1, h2, h3, h4, .page-h1, .section-h2 {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  line-height: 1.2;
}
.page-h1 .gold, .section-h2 .gold, h1 .gold, h2 .gold { color: inherit; }
.page-eyebrow, .section-eyebrow, .leiter-eyebrow, .artikel-badge {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  color: var(--gold) !important;
  font-size: .78rem !important;
}
.page-eyebrow::before, .section-eyebrow::before { display: none !important; }
.section-lead, .page-lead { color: var(--text-dim); }

/* ── Navigation ─────────────────────────────────────────────────────── */
nav {
  position: sticky !important; top: 0; z-index: 50;
  background: rgba(247, 243, 236, .94) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--h-line) !important;
  box-shadow: none !important;
}
.nav-logo { color: #22192f !important; font-family: var(--font-display) !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: none !important; }
.nav-logo .kanji { color: var(--h-violet-dk) !important; font-family: var(--font-jp) !important; font-weight: 500; }
.nav-links a { color: #22192f !important; font-family: var(--font-display) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; font-size: .92rem !important; }
.nav-links a:hover, .nav-links a.active { color: var(--h-violet) !important; }
.nav-links a::after { background: var(--h-violet) !important; }
.nav-lang a { border: 1px solid var(--h-line) !important; border-radius: 999px; padding: 2px 9px !important; color: var(--text-dim) !important; font-family: var(--font-display) !important; text-decoration: none; }
.nav-lang a.active { background: var(--h-violet-dk) !important; color: #fff !important; border-color: var(--h-violet-dk) !important; }
.nav-hamburger span { background: #22192f !important; }
.mobile-menu { background: #f7f3ec !important; }
.mobile-menu a { color: #22192f !important; font-family: var(--font-display) !important; text-transform: none !important; letter-spacing: 0 !important; }
.mobile-menu-lang a { border-color: var(--h-line) !important; color: var(--text-dim) !important; }
.mobile-menu-lang a.active { background: var(--h-violet-dk) !important; color: #fff !important; }

/* ── Hero als violette Kachel ───────────────────────────────────────── */
.page-hero, .hero {
  --cream: #ffffff; --text-main: #ffffff; --text-dim: #e8e1fb; --cream-dim: #e8e1fb;
  --gold: #e6c77c; --gold-light: #ffffff; --gold-dim: #e6c77c;
  position: relative;
  background: linear-gradient(120deg, #2a0a6b 0%, #2a0a6b 55%, #3b1590 100%) !important;
  color: #fff !important;
  border-radius: var(--h-r);
  margin: 22px auto 0 !important;
  max-width: 1160px;
  width: calc(100% - 40px);
  overflow: hidden;
  min-height: 0 !important;
}
.page-hero a:not(.btn-primary):not(.btn-secondary), .hero a:not(.btn-primary):not(.btn-secondary) { color: #fff; }
.page-hero-bg { opacity: .14 !important; filter: none !important; }
.page-hero-disc { display: none !important; }
.page-hero-kanji, .hero .kanji-gross, .hero-kanji {
  color: rgba(230, 199, 124, .22) !important;
  font-family: var(--font-jp) !important;
  text-shadow: none !important;
}
.page-h1 { color: #fff !important; }
.page-lead { color: #e8e1fb !important; }
.breadcrumb, .breadcrumb a, .breadcrumb span { color: #cfc4ee !important; font-family: var(--font-display) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Ehemals dunkle Abschnitte: helles Lavendel-Band mit dunkler Schrift
   (violett hinterlegt waren Karten darin mit heller Schrift schwer lesbar) */
.content-dark {
  --cream: #22192f; --text-main: #22192f; --text-dim: #3f3157; --cream-dim: #3f3157;
  --gold: #7f5810; --gold-light: #2a0a6b; --gold-dim: #7f5810;
  background: #efe9ff !important; color: #22192f;
}
.content-dark .section-h2, .content-dark h2, .content-dark h3 { color: #2a0a6b !important; }
.content-section:not(.content-dark):nth-of-type(even) { background: #ffffff; }

/* ── Buttons ────────────────────────────────────────────────────────── */
.btn-primary, .btn-secondary, .btn-buch, .cta-button {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  box-shadow: none !important;
  transition: transform .15s, background .15s !important;
}
.btn-primary, .btn-buch, .cta-button { background: var(--h-violet) !important; color: #fff !important; border: 0 !important; }
.btn-primary:hover, .btn-buch:hover, .cta-button:hover { background: #3a00bb !important; transform: translateY(-1px); }
.btn-secondary { background: transparent !important; color: var(--h-violet) !important; border: 2px solid var(--h-violet) !important; }
.btn-primary::before, .btn-secondary::before { display: none !important; }
.page-hero .btn-primary, .hero .btn-primary { background: #fff !important; color: var(--h-violet-dk) !important; }
.page-hero .btn-secondary, .hero .btn-secondary { color: #fff !important; border-color: rgba(255, 255, 255, .7) !important; }

/* ── Karten & Kästen ────────────────────────────────────────────────── */
.stimme-card, .artikel-card, .kern-box, .hinweis-box, .tuer-karte, .buch-card, .leiter-stimme, .karte, .card, details {
  background: #ffffff !important;
  border: 1px solid var(--h-line) !important;
  border-radius: var(--h-r) !important;
  box-shadow: var(--h-shadow) !important;
  color: #22192f;
}
.content-dark .stimme-card, .content-dark .artikel-card, .content-dark .kern-box, .content-dark .hinweis-box, .content-dark details {
  --cream: #22192f; --text-main: #22192f; --text-dim: #5e566d; --cream-dim: #5e566d; --gold: #7f5810; --gold-light: #2a0a6b;
  color: #22192f;
}
.artikel-card:hover, .hover-lift:hover { transform: translateY(-2px); }
.hover-lift::after { display: none !important; }
.artikel-titel { font-family: var(--font-display) !important; font-weight: 900 !important; color: #22192f !important; }
.artikel-teaser, .artikel-meta { color: var(--text-dim) !important; }
.artikel-bild { background: var(--h-tint) !important; }
.artikel-bild-kanji { color: rgba(74, 0, 235, .25) !important; }
summary { font-family: var(--font-display) !important; font-weight: 700 !important; color: #22192f !important; }
.stimmen-disclaimer { color: var(--text-dim) !important; }

/* Bilder */
img:hover, .bild-platzhalter:hover { filter: none !important; transform: none !important; }
figure.seiten-bild img { border-radius: 16px; }
figure.seiten-bild figcaption { color: var(--text-dim) !important; font-family: var(--font-display) !important; }

/* Japanische Schrift */
.kanji, .footer-kanji, [lang="ja"] { font-family: var(--font-jp); }

/* ── Fuß ────────────────────────────────────────────────────────────── */
footer {
  --cream: #ffffff; --text-main: #ffffff; --text-dim: #d9d0f3; --cream-dim: #d9d0f3;
  --gold: #e6c77c; --gold-light: #ffffff; --gold-dim: #cfc4ee;
  background: #2a0a6b !important;
  color: #d9d0f3 !important;
  border-top: 0 !important;
}
footer a { color: #ffffff !important; }
footer p { color: #d9d0f3 !important; }
.footer-kanji { color: rgba(230, 199, 124, .5) !important; }

/* Formulare */
input[type=email], input[type=text], textarea, select {
  background: #fff !important; color: #22192f !important; border: 1px solid var(--h-line) !important; border-radius: 12px;
}

@media (max-width: 760px) {
  .page-hero, .hero { width: calc(100% - 24px); margin-top: 14px !important; }
}

/* Startseiten-/Hub-Hero (Klasse .hero) */
.hero-bg, .hero-disc, .hero-scroll { display: none !important; }
.hero { min-height: 0 !important; padding: clamp(48px, 8vw, 96px) clamp(22px, 5vw, 64px) !important; }
.hero-content { max-width: 760px; }
.hero-h1 { color: #fff !important; font-family: var(--font-display) !important; font-weight: 900 !important; text-transform: none !important; letter-spacing: -.01em !important; }
.hero-h1 .gold { color: #e6c77c !important; }
.hero-lead, .hero-sub { color: #e8e1fb !important; font-family: var(--font-body) !important; }
.hero-lead strong { color: #fff !important; }
.hero-eyebrow { color: #e6c77c !important; font-family: var(--font-display) !important; font-weight: 700 !important; letter-spacing: .16em !important; font-size: .78rem !important; }
.hero-eyebrow::before, .hero-eyebrow::after { background: rgba(230, 199, 124, .5) !important; }
.hero-kanji-line, .hero-zeichen-reihe { color: #e6c77c !important; font-family: var(--font-jp) !important; }
.hero-kanji-bg { color: rgba(230, 199, 124, .14) !important; font-family: var(--font-jp) !important; text-shadow: none !important; }

/* Sicherheitsnetz gegen seitliches Scrollen auf dem Handy */
html, body { overflow-x: clip; }

/* Lesbarkeit: Etiketten auf Kästen, Fließtext in Karten */
.kern-box-label, .hinweis-box-label { background: #2a0a6b !important; color: #ffffff !important; font-family: var(--font-display) !important; font-weight: 700 !important; letter-spacing: .12em !important; font-size: .75rem !important; }
.stimme-card p, .artikel-card p, .kern-box p, .hinweis-box p, details p, .karte p, .card p { color: #2e2440; }
.artikel-badge:not([class*="kat-"]) { background: #2a0a6b !important; color: #ffffff !important; border-color: #2a0a6b !important; }
.footer-kanji { color: rgba(230, 199, 124, .8) !important; }
footer [style*="7a6330"], footer [style*="gold-dim"] { color: #e6c77c !important; }