:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, system-ui, sans-serif;
  background: #fdfbf7;
  color: #292524;
}

body::before,
body::after,
main::before,
main::after {
  content: none !important;
  display: none !important;
}

.brand-hero {
  background:
    radial-gradient(circle at top left, rgba(217, 119, 6, 0.18), transparent 28%),
    linear-gradient(135deg, #6b1818, #4b1616 52%, #341313);
}

.glass-card {
  backdrop-filter: blur(16px);
  background: rgba(253, 251, 247, 0.78);
}

.site-card,
.admin-card {
  box-shadow: 0 18px 45px rgba(107, 24, 24, 0.08);
}

.status-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.3rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
}

.status-yeni {
  background: #fef3c7;
  color: #92400e;
}

.status-incelendi {
  background: #fee2e2;
  color: #b91c1c;
}

.status-iletisime-gecildi {
  background: #dcfce7;
  color: #166534;
}

.fade-in {
  animation: fade-in 0.25s ease-out;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.prose-copy p {
  color: rgb(68 64 60);
  line-height: 1.9;
}

.prose-copy p + p {
  margin-top: 1rem;
}

.admin-nav-link {
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    opacity 0.2s ease;
}

.admin-nav-link-active {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  font-weight: 700;
}

.admin-panel-view {
  animation: fade-in 0.2s ease-out;
}