:root {
    --bg-body: #0d1117;
    --bg-card: #161b22;
    --border: #30363d;
    --tt-pink: #fe2c55;
    --tt-cyan: #25f4ee;
}

body {
    background-color: var(--bg-body);
    color: #c9d1d9;
}

.app-container {
    max-width: 1600px;
    margin: 0 auto;
}

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

.form-control:focus,
.form-select:focus {
    border-color: var(--tt-pink);
    box-shadow: 0 0 0 0.2rem rgba(254, 44, 85, 0.25);
}

.post-card {
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.post-card:hover {
    transform: translateY(-3px);
    border-color: var(--tt-cyan) !important;
}

.navbar {
    background-color: var(--bg-body);
}

.list-group-item-action:hover {
    background-color: var(--bg-card) !important;
}

code {
    word-break: break-all;
}

@media (max-width: 768px) {
    .app-container {
        padding: 1rem !important;
    }
}