@layer theme, base, components, utilities;

:root {
    --popup-opacity: 1;
    --popup-blur-content: 0;
}

@layer theme {
    :root {
        --font-weight-bold: 700;
    }
}

@layer utilities {
    .font-bold {
        font-weight: var(--font-weight-bold);
    }

    .hidden {
        display: none;
    }

    .mx-auto {
        margin-inline: auto;
    }

    .text-center {
        text-align: center;
    }

    .underline {
        text-decoration-line: underline;
    }
}