body { background-color: #f8f9fa; }
.navbar-brand { font-weight: bold; }
.card { transition: transform 0.2s; cursor: pointer; }
.card:hover { transform: scale(1.05); }
.animate-pulse { animation: pulse 2s infinite; }
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Toast positioning fix for mobile */
@media (max-width: 576px) {
    .toast-container {
        width: 100%;
        padding: 10px;
    }
}

.color-preset {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #dee2e6;
    transition: transform 0.1s;
}
.color-preset:hover {
    transform: scale(1.2);
}