@import url(/css/acc/_reset.css);
@import url(/css/acc/_variables.css);
@import url(/css/acc/_borders.css);
@import url(/css/acc/_captcha.css);
@import url(/css/acc/_texts.css);
@import url(/css/acc/_gaps.css);
@import url(/css/acc/_paddings.css);
@import url(/css/acc/_fonts.css);
@import url(/css/acc/_grid.css);
@import url(/css/acc/_containers.css);
@import url(/css/acc/_sections.css);
@import url(/css/acc/_topbar.css);
@import url(/css/acc/_menu.css);
@import url(/css/acc/_alerts.css);
@import url(/css/acc/_margins.css);
@import url(/css/acc/_forms.css);
@import url(/css/acc/_cards.css);
@import url(/css/acc/_sliders.css);
@import url(/css/acc/_footer.css);
@import url(/css/acc/_queries.css);

/* customizations */
html {
    --acc-primary-color: var(--tw-blue-400);
    --acc-success-color: var(--tw-green-600);
    --acc-warning-color: var(--tw-yellow-200);
    --acc-danger-color: var(--tw-red-900);
    /* header */
    --acc-header-background-color: var(--tw-blue-800);
    /* article */
    --acc-article-background-color: var(--tw-gray-50);
    /* table */
    --acc-table-odd-row-background-color: var(--tw-gray-50);
    --acc-table-even-row-background-color: var(--tw-gray-100);
    --acc-table-hover-row-background-color: var(--tw-gray-200);
    --acc-table-border-color: var(--tw-gray-200);
    --acc-table-text-color: var(--tw-gray-500);
    /* form */
    --acc-form-input-background-color: var(--tw-gray-100);
    --acc-form-input-border-color: var(--tw-gray-200);
    --acc-form-label-text-color: var(--tw-gray-500);
    --acc-form-input-text-color: var(--tw-gray-600);
    /* buttons */
    --acc-btn-text-color: var(--tw-gray-200);
}

.border-luminous-blue-300 {
    border-color: #261c7d !important;
}

.bg-luminous-blue-100 {
    background-color: color-mix( #261c7d 10%, transparent 90%) !important;
}

.text-luminous-blue-400 {
    color: #261c7d !important;
}

[hidden] {
    display: none !important;
}