:root {
    --sidmak-blue: #6296c6;
    --sidmak-green: #9ead3c;
    --sidmak-ink: #292d32;
    --sidmak-muted: #68717a;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--sidmak-muted);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
}

a,
button,
input[type="submit"],
.btn,
.btn-one,
.btn-two,
.btn-three {
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

a:hover,
a:focus-visible {
    color: var(--sidmak-green);
}

.btn-one,
.btn-two,
.btn-three,
.btn-primary,
input[type="submit"] {
    border-radius: 4px;
}

input:not([type="submit"]):focus,
select:focus,
textarea:focus {
    border-color: var(--sidmak-blue) !important;
    box-shadow: 0 0 0 3px rgb(98 150 198 / 18%);
    outline: 0;
}

.table-list .catalogue-placeholder {
    padding: 18px 14px;
    color: var(--sidmak-muted);
    font-style: italic;
    text-align: center;
}

.breadcrumb-menu a:focus-visible,
.main-menu a:focus-visible,
.footer-area a:focus-visible {
    outline: 2px solid var(--sidmak-green);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}