/* Base */
body {
    background-color: #0F0F14;
    color: #F4F4F5;
    scroll-behavior: smooth;
}

/* Hero */
.hero {
    min-height: 100vh;
    background: radial-gradient(circle at top left, #C026D3 0%, #0F0F14 60%);
}

/* Sections */
.section-dark {
    background-color: #18181B;
}

.section-alt {
    background-color: #27272A;
}

/* Fuchsia accent */
.text-fuchsia {
    color: #C026D3;
}

.btn-fuchsia {
    background-color: #C026D3;
    color: white;
    border: none;
    transition: 0.3s ease;
}

.btn-fuchsia:hover {
    background-color: #D946EF;
    transform: translateY(-3px);
}

/* Glow text */
.glow-text {
    text-shadow: 0 0 15px rgba(192, 38, 211, 0.7);
}

/* Project image effect */
.project-img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.project-img:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 40px rgba(192, 38, 211, 0.4);
}

/* Tech badges */
.badge-tech {
    background-color: #C026D3;
    margin-right: 5px;
}
.badge-aux {
    background-color: #5a5a5a;
    margin-right: 5px;
}

/* Dev log entries */
.dev-entry {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #3f3f46;
}

/* Social icons */
.social-icon {
    font-size: 2rem;
    margin: 0 15px;
    color: #C026D3;
    transition: 0.3s ease;
}

.social-icon:hover {
    color: #D946EF;
    transform: scale(1.2);
}