mark {
    @apply text-light-mark-text dark:text-dark-mark-text;
}

/* same as yellow */
.flexible-marker-default {
    @apply bg-light-mark-bg dark:bg-dark-mark-bg;
}

.flexible-marker-amber {
    @apply bg-amber-400 bg-opacity-100 dark:bg-amber-500 dark:bg-opacity-50;
}

.flexible-marker-blue {
    @apply bg-blue-400 bg-opacity-70 dark:bg-blue-500 dark:bg-opacity-50;
}

.flexible-marker-cyan {
    @apply bg-cyan-200 dark:bg-cyan-500 dark:bg-opacity-50;
}

.flexible-marker-brown {
    @apply bg-yellow-800 bg-opacity-70 dark:bg-opacity-80;
}

/* same as magenta */
.flexible-marker-fuchsia {
    @apply bg-fuchsia-600 bg-opacity-70 dark:bg-fuchsia-400 dark:bg-opacity-50;
}

.flexible-marker-green {
    @apply bg-green-600 bg-opacity-70 dark:bg-green-400 dark:bg-opacity-50;
}

.flexible-marker-hotpink {
    @apply bg-pink-400 bg-opacity-70;
}

.flexible-marker-lime {
    @apply bg-lime-300 bg-opacity-90 dark:bg-lime-400 dark:bg-opacity-70;
}

/* same as fuchsia */
.flexible-marker-magenta {
    @apply bg-fuchsia-600 bg-opacity-70 dark:bg-fuchsia-400 dark:bg-opacity-50;
}

.flexible-marker-navyblue {
    @apply bg-blue-700 bg-opacity-70 dark:bg-blue-600 dark:bg-opacity-70;
}

.flexible-marker-orange {
    @apply bg-orange-600 bg-opacity-80 dark:bg-orange-500 dark:bg-opacity-70;
}

.flexible-marker-purple {
    @apply bg-purple-700 bg-opacity-70 dark:bg-purple-500 dark:bg-opacity-70;
}

.flexible-marker-pink {
    @apply bg-pink-500 bg-opacity-80 dark:bg-pink-400 dark:bg-opacity-70;
}

.flexible-marker-red {
    @apply bg-red-600 bg-opacity-80 dark:bg-red-500 dark:bg-opacity-70;
}

.flexible-marker-silver {
    @apply bg-gray-500 bg-opacity-60 dark:bg-slate-400 dark:bg-opacity-70;
}

.flexible-marker-teal {
    @apply bg-teal-700 bg-opacity-50 dark:bg-teal-600 dark:bg-opacity-70;
}

.flexible-marker-violet {
    @apply bg-violet-600 bg-opacity-60 dark:bg-violet-600 dark:bg-opacity-70;
}

.flexible-marker-gray {
    @apply bg-neutral-600 bg-opacity-60 dark:bg-neutral-500 dark:bg-opacity-60;
}

/* same as default */
.flexible-marker-yellow {
    @apply bg-light-mark-bg dark:bg-dark-mark-bg;
}
