/* Import */
@import './vendors/odometer-theme-default.css';

/* Tailwind Config */
@config "../../../tailwind-landing.config.js";

/* Tailwind Styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'Geist Sans';
        src:
            url('fonts/geist-sans/GeistVF.woff2') format('woff2'),
            url('fonts/geist-sans/GeistVF.woff') format('woff'),
            url('fonts/geist-sans/GeistVF.ttf') format('truetype-variations');
        font-weight: 100 900;
        font-display: swap;
        font-style: normal;
    }

    @font-face {
        font-family: 'Geist Mono';
        src:
            url('fonts/geist-mono/GeistMonoVF.woff2') format('woff2'),
            url('fonts/geist-mono/GeistMonoVF.woff') format('woff'),
            url('fonts/geist-mono/GeistMonoVF.ttf')
                format('truetype-variations');
        font-weight: 100 900;
        font-display: swap;
        font-style: normal;
    }
}

/* Additional styles */
code {
    @apply [counter-increment:step_0] [counter-reset:line];
}

code .line:not(:last-child)::before {
    @apply mr-6 inline-block w-max text-right text-[#BABED8]/30 content-[counter(line)] [counter-increment:line];
}

code > pre {
    @apply h-full rounded-b-lg p-5 text-sm font-medium;
}

.feature.active {
    @apply shadow-inner-blur bg-zinc-950/[.01];
}

.feature:not(.active) {
    @apply hover:shadow-inner-blur-light hover:bg-zinc-950/[.01];
}

.feature.active > div {
    @apply border-violet-200/[.06];
}

.feature:not(.active) > div {
    @apply border-transparent;
}

.card::before {
    background: radial-gradient(
        1200px circle at var(--mouse-x) var(--mouse-y),
        rgba(76, 29, 149, 0.25),
        transparent 40%
    );
}
.card::after {
    background: radial-gradient(
        800px circle at var(--mouse-x) var(--mouse-y),
        rgba(255, 255, 255, 0.25),
        transparent 40%
    );
}

/* Firefox specific styles */
@-moz-document url-prefix() {
    .hover-gradient {
        @apply !from-[#575EFF]/10 !to-[#E478FF]/10;
    }
}