:root {
    --primary: #C62828;
    --primary-dark: #8e0000;
    --secondary: #ffffff;
    --light-gray: #f8f9fa;
    --text-dark: #212529;
    --text-muted: #6c757d;
}

* { font-family: 'Poppins', sans-serif; }

body { color: var(--text-dark); overflow-x: hidden; }

/* Navbar */
.navbar { padding: 0.8rem 0; transition: all 0.3s ease; }
.navbar-brand { font-size: 1.3rem; font-weight: 700; }
.navbar-nav .nav-link { padding: 0.5rem 1rem; font-weight: 500; transition: all 0.3s ease; border-radius: 8px; }
.navbar-nav .nav-link:hover { background: rgba(255,255,255,0.15); }

/* Hero Section */
.hero-section { position: relative; }
.hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=1920') center/cover; opacity: 0.15; }

/* Cards */
.hover-card { transition: all 0.3s ease; border-radius: 16px; overflow: hidden; }
.hover-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important; }
.card { border-radius: 16px; }

/* Buttons */
.btn-danger { background: var(--primary); border-color: var(--primary); transition: all 0.3s ease; }
.btn-danger:hover { background: var(--primary-dark); border-color: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(198,40,40,0.3); }
.btn-outline-danger { border-color: var(--primary); color: var(--primary); transition: all 0.3s ease; }
.btn-outline-danger:hover { background: var(--primary); border-color: var(--primary); transform: translateY(-2px); }

/* Badges */
.badge { font-weight: 500; padding: 0.4em 0.8em; border-radius: 8px; }

/* Blog Content */
.blog-icerik h1, .blog-icerik h2, .blog-icerik h3, .blog-icerik h4 { color: var(--primary); margin-top: 1.5rem; }
.blog-icerik p { line-height: 1.8; margin-bottom: 1rem; color: var(--text-muted); }
.blog-icerik img { max-width: 100%; border-radius: 12px; margin: 1rem 0; }

/* Footer */
footer { background: #1a1a1a !important; }
footer a { transition: color 0.3s ease; }
footer a:hover { color: #fff !important; }

/* Sections */
section.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Tables (Admin) */
.table th { background: var(--primary); color: #fff; border: none; }
.table td { vertical-align: middle; }

/* Form Controls */
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgba(198,40,40,0.15); }
.form-control-file:focus { outline: 2px solid var(--primary); }

/* Scroll to Top */
.scroll-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--primary); color: #fff; border: none; border-radius: 50%; font-size: 20px; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; }
.scroll-top.active { opacity: 1; visibility: visible; }
.scroll-top:hover { background: var(--primary-dark); transform: translateY(-3px); }

/* Animations */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.fade-in-up { animation: fadeInUp 0.6s ease forwards; }

/* Responsive */
@media (max-width: 768px) {
    .hero-section h1 { font-size: 2rem; }
    .hero-section .lead { font-size: 1rem; }
    .navbar-nav .nav-link { padding: 0.3rem 0.5rem; font-size: 0.9rem; }
}