/* ═══════════════════════════════════════════
   Vita Cordis — Generated Design Variables
   Generiert von design.php am 06.04.2026 19:07
   NICHT manuell bearbeiten!
═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400;700&display=swap');

:root {
  --primary:          #cd6889;
  --primary-light:    #d97f9a;
  --secondary:        #8b3a62;
  --bg:               #fef2d6;
  --grey:             #feddb1;
  --slate:            #484857;
  --slate-light:      #5e5e6f;
  --card:             #ffffff;
  --border:           rgba(44,44,53,0.12);
  --footer-bg:        #8b3a62;
  --nav-bg:           rgba(250,248,248,0.95);
  --serif:            'Playfair Display', Georgia, serif;
  --sans:             'Lato', system-ui, sans-serif;
  --radius:           2px;
  --nav-height:       68px;
  --font-base:        16px;
  --font-hero-max:    5rem;
  --font-section-max: 2.8rem;
  --font-weight-body: 300;
}

body {
  background: var(--bg);
  color: var(--slate);
  font-family: var(--sans);
  font-weight: var(--font-weight-body);
  font-size: var(--font-base);
}

/* nav background & height: in index.php mit !important hardcodiert */

footer {
  background: var(--footer-bg) !important;
}

.hero-title {
  font-size: clamp(2.4rem, 6vw, var(--font-hero-max));
}

.section-title {
  font-size: clamp(1.6rem, 3.5vw, var(--font-section-max));
}

::selection { background: var(--primary); color: #fff; }

/* Admin sidebar — immer lesbar, nie überschreibbar */
.sidebar,.sidebar-logo,.sidebar-nav,.sidebar-nav a,.sidebar-nav a:visited,.sidebar-nav .nav-group,.sidebar-footer,.sidebar-footer a,.sidebar-user { background-color: transparent !important; background-image: none !important; }
.sidebar { background-color: #8b3a62 !important; }
.sidebar-logo { background-color: rgba(0,0,0,0.15) !important; border-bottom: 1px solid rgba(0,0,0,0.2) !important; }
.sidebar * { color: #fff !important; }
.sidebar-nav a { opacity: 1 !important; font-size: 0.82rem !important; }
.sidebar-nav a:hover { background-color: rgba(0,0,0,0.18) !important; }
.sidebar-nav a.active { background-color: rgba(0,0,0,0.25) !important; border-left: 3px solid #fff !important; }
.sidebar-nav .nav-group { opacity: 0.7 !important; font-size: 0.6rem !important; }
.sidebar-footer { border-top: 1px solid rgba(0,0,0,0.2) !important; }
.sidebar-footer a { opacity: 0.8 !important; }
.sidebar-footer a:hover { opacity: 1 !important; }
.sidebar-user { opacity: 0.9 !important; }