/* Custom CSS - Only when using Tailwind classes is not possible */

/* Daisy theme customizations */

:root, [data-theme="light"] {
    --color-primary: oklch(0.4832 0.1363 259.12);
    --color-primary-content: oklch(0.9559 0.0222 259.12);
}

[data-theme="dark"] {
    --color-primary: oklch(0.4832 0.1363 259.12);
    --color-primary-content: oklch(0.9559 0.0222 259.12);
    .img-light {
        display:none;
    }
    .img-dark {
        display:block;
    }
}

/* Main nav (Blox doesn't let us add classes to nav a elements) */
#main-nav > a {
    padding: 6px 12px;
    border-radius: var(--radius-field);
    white-space: nowrap;    
    &:hover {
        background-color: var(--color-base-300);
    }
}

/* Scrollbar (Tailwind doesn't provide a no-scrollbar utility class) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Daisy overrides (ideally we would use @apply directives, but doesn't work when loading Tailwind/Daisy from CDN) */
.input:focus, .input:focus-within {
    outline:none;
}

.btn-ghost {
    border: none;
}

.card-title {
    font-family: "EB Garamond", serif;
    font-size: 1.3rem;
    line-height: 1.6rem;
}