/* Selection IT — direction artistique canonique
   Voir docs/design-direction.md dans le dépôt.
*/

:root {
    --sit-ink: #29333b;
    --sit-cyan: #00bce7;
    --sit-cyan-dark: #00758a;
    --sit-green: #25d39a;
    --sit-ice: #f1fbfc;
    --sit-mist: #f7fafb;
    --sit-muted: #60717a;
    --sit-white: #ffffff;
    --sit-alert: #dc3f45;
    --sit-line: rgba(41, 51, 59, 0.14);
    --sit-radius-button: 8px;
    --sit-radius-card: 12px;
}

body,
button,
input,
select,
textarea {
    font-family: Poppins, sans-serif;
}

body {
    color: var(--sit-ink);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: var(--sit-ink);
}

a {
    color: var(--sit-cyan-dark);
}

a:hover,
a:focus {
    color: var(--sit-cyan-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--sit-cyan-dark);
    outline-offset: 3px;
}

.tooltipster-base,
.tooltipster-sidetip .tooltipster-box {
    color: var(--sit-white);
    background-color: var(--sit-ink);
}

.footer-wrapper,
.footer {
    background-color: var(--sit-ink);
    color: var(--sit-white);
}

.footer-wrapper a,
.footer a {
    color: var(--sit-white);
}

.footer-wrapper a:hover,
.footer a:hover {
    color: var(--sit-cyan);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}