@font-face {
    font-family: "KuriousLooped";
    src: url("../fonts/kurious_looped-semibold.woff2") format("woff2"), url("../fonts/kurious_looped-semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:host, html {
    font-family: "KuriousLooped", ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
}

.font-sans {
    font-family: "KuriousLooped", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Custom scrollbar for better look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Art card hover effect */
.art-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s;
}
.art-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}