/* Custom styles for TapFlare */

.prose p {
    text-align: justify;
}

/* Brand colors */
:root {
    --brand-primary: #3b82f6; /* blue-500 */
    --brand-dark: #111827; /* gray-900 */
    --brand-light: #f3f4f6; /* gray-100 */
}

/* Custom header styles */
.brand-logo {
    width: 40px;
    height: 40px;
    background-color: var(--brand-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 0.75rem;
    border-radius: 0.25rem;
}

/* Custom footer styles */
footer .social-icon {
    transition: color 0.3s ease;
}

footer .social-icon:hover {
    color: var(--brand-primary);
}