:root {
    --primary-blue: #2563eb;
    --hero-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}

body {
    background-color: #f8fafc;
    color: #334155;
}

.hero-section {
    background: var(--hero-gradient);
    border-radius: 0 0 50px 50px;
    margin-top: -1px;
}

.profile-img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-width: 5px !important;
}

.article-card {
    transition: transform 0.3s ease;
}

.article-card:hover {
    transform: translateY(-8px);
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Custom platform color for Blogger links */
.text-orange {
    color: #ff5722;
}

.text-orange:hover {
    color: #e64a19;
}