@import "tailwindcss";
@plugin "daisyui" {
    themes: light --default, dark --prefersdark, cupcake, halloween, valentine;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.rightshape {
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    height: 15px;
    width: 15px;
}

.timeline-completed-task {
    padding: 0;
    li {
        grid-template-columns: none !important;
    }
}

.bottom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 16px;
    color: oklch(var(--bc) / 0.35);
    transition: color 0.15s ease;
    text-decoration: none;

    &.active {
        color: oklch(var(--p));
    }
}