/* Lunaria — soft fantasy theme. Deliberately simple: gradients + rounded cards + a pastel palette, no owner
   art required. The owner can drop real artwork into wwwroot/img later (see Pages/Gallery.cshtml). */

:root {
  --lunaria-pink: #f3b6d6;
  --lunaria-lavender: #c9b6f3;
  --lunaria-deep: #4a2e63;
  --lunaria-ink: #2e1f3d;
  --lunaria-paper: #fff8fd;
  --lunaria-gold: #e8b84b;
}

html, body {
  min-height: 100%;
  background: linear-gradient(160deg, #fdf2fb 0%, #f3e7fb 45%, #e9ddf7 100%);
  color: var(--lunaria-ink);
  font-family: "Segoe UI", "Trebuchet MS", sans-serif;
}

a { color: var(--lunaria-deep); }
a:hover { color: #7a4ba3; }

.navbar {
  background: linear-gradient(90deg, var(--lunaria-deep), #6a3d8f) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.navbar .navbar-brand, .navbar .nav-link { color: #fff0fa !important; font-weight: 600; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--lunaria-gold) !important; }
.navbar-brand .crest { margin-right: .4rem; }

.lunaria-hero {
  border-radius: 20px;
  padding: 3.5rem 2rem;
  margin: 1.5rem 0 2rem;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.5), transparent 60%),
              linear-gradient(135deg, var(--lunaria-lavender), var(--lunaria-pink));
  color: var(--lunaria-ink);
  text-align: center;
  box-shadow: 0 8px 30px rgba(74,46,99,.25);
}
.lunaria-hero h1 {
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: .03em;
  color: var(--lunaria-deep);
  text-shadow: 0 2px 0 rgba(255,255,255,.6);
}
.lunaria-hero p.lead { color: #5a3f71; }

.lunaria-card {
  background: var(--lunaria-paper);
  border: 1px solid #ecd9f4;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 16px rgba(120,80,150,.12);
  margin-bottom: 1.5rem;
}
.lunaria-card h2, .lunaria-card h3 { color: var(--lunaria-deep); }

.btn-lunaria {
  background: linear-gradient(90deg, var(--lunaria-gold), #f3cf7e);
  border: none;
  color: var(--lunaria-ink);
  font-weight: 700;
  border-radius: 999px;
  padding: .6rem 1.6rem;
}
.btn-lunaria:hover { filter: brightness(1.05); color: var(--lunaria-ink); }

.btn-outline-lunaria {
  border: 2px solid var(--lunaria-deep);
  color: var(--lunaria-deep);
  border-radius: 999px;
  padding: .55rem 1.5rem;
  font-weight: 600;
  background: transparent;
}
.btn-outline-lunaria:hover { background: var(--lunaria-deep); color: #fff; }

.badge-online { background: #6fcf97; }
.badge-offline { background: #a9a2b3; }

table.lunaria-table th { color: var(--lunaria-deep); border-bottom: 2px solid var(--lunaria-lavender); }
table.lunaria-table tr:nth-child(odd) { background: rgba(243,182,214,.08); }

.gallery-placeholder {
  aspect-ratio: 4/3;
  border-radius: 14px;
  background: repeating-linear-gradient(45deg, #efe2fa, #efe2fa 10px, #f6ecfb 10px, #f6ecfb 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a6fa8;
  font-style: italic;
  border: 2px dashed #d8bfeb;
}

.news-priority-version { border-left: 4px solid var(--lunaria-gold); }
.news-priority-event { border-left: 4px solid #e07ab0; }
.news-priority-maintenance { border-left: 4px solid #d16b6b; }
.news-priority-normal { border-left: 4px solid var(--lunaria-lavender); }

footer.lunaria-footer {
  color: #7a6a8e;
  padding: 1.5rem 0;
  text-align: center;
}