/* Shared browser-surface polish, loaded after the Tailwind CDN by every layout. */
:root {
    color-scheme: light;
    accent-color: #0284c7; /* sky-600: checkboxes, radios, multi-select highlight */
}

::selection {
    background: #bae6fd; /* sky-200 */
    color: #0c4a6e;      /* sky-900 */
}

input, select, textarea {
    caret-color: #0284c7;
}

/* One visible keyboard focus ring for links and buttons; inputs keep their own ring. */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: 2px solid #0284c7;
    outline-offset: 2px;
    border-radius: 0.75rem;
}

/* CPF, phone, counts and pagination line up digit for digit. */
td, .tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Submit buttons are disabled by layout.js while the request is in flight. */
button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
    }
}