/**
 * Harmonia visual (Fase 3) — tokens e refinamentos compartilhados entre site e portal.
 * Carregado após variables.css. O painel importa este arquivo via admin.css.
 */

:root {
    --ui-touch-min: 44px;
    --ui-radius-field: 10px;
    --ui-shadow-float: 0 12px 40px rgba(0, 0, 0, 0.14);
}

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

a:not([class]) {
    text-underline-offset: 3px;
}

button,
input,
select,
textarea {
    border-radius: var(--ui-radius-field);
}