/* Pesantren Al-Hikmah - Global Styles */

:root {
    --primary: #2c5530;
    --secondary: #4a7c59;
    --accent: #ff6b35;
    --light: #f8f9fa;
}

/* Global Styles */
.navbar-brand { 
    font-weight: bold; 
}

.page-header { 
    background: linear-gradient(135deg, var(--primary), var(--secondary)); 
}

.hero { 
    background: linear-gradient(rgba(44, 85, 48, 0.8), rgba(74, 124, 89, 0.8)), 
                url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%234a7c59" width="1200" height="600"/></svg>');
    min-height: 100vh; 
    background-size: cover;
}

/* Button Styles */
.btn-primary { 
    background: var(--accent); 
    border: none; 
}

.btn-primary:hover { 
    background: #e55a2b; 
}

.btn-secondary { 
    background: var(--secondary); 
    border: none; 
}

/* Color Classes */
.text-primary { 
    color: var(--primary) !important; 
}

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

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

/* Card Hover Effects */
.card:hover { 
    transform: translateY(-5px); 
    transition: 0.3s; 
}

/* Navbar Dropdown */
.navbar-nav .dropdown-menu { 
    border: none; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}

/* News Image Placeholder */
.news-image { 
    height: 200px; 
    background: linear-gradient(45deg, var(--secondary), var(--primary)); 
}

/* Timeline Styles */
.timeline-item { 
    position: relative; 
    padding-left: 2rem; 
}

.timeline-item::before { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 0.5rem; 
    width: 12px; 
    height: 12px; 
    background: var(--accent); 
    border-radius: 50%; 
}