:root { --primary: #2c3e50; --secondary: #f8f9fa; --accent: #27ae60; --text: #333; --light-text: #6c757d; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #fff; color: var(--text); } .navbar { background-color: var(--primary); box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .navbar-brand { font-weight: 700; font-size: 1.5rem; } .footer { background-color: var(--primary); color: #ecf0f1; padding: 30px 0; margin-top: 40px; } .profile-header { border-bottom: 1px solid #dee2e6; padding-bottom: 10px; margin-bottom: 20px; flex-wrap: wrap; } .social-icons a { font-size: 20px; margin-right: 10px; } .featured-item img { width: 100%; } .status-online { color: green; } .btn-view { margin-top: 10px; } @media (min-width: 768px) { .btn-view { margin-top: 0; } }