/* Low-level utility classes (token-backed). */

.text-erp-muted {
    color: var(--erp-muted) !important;
}

.text-erp-brand {
    color: var(--erp-brand-text) !important;
}

.bg-erp-surface {
    background: var(--erp-surface) !important;
}

.bg-erp-body {
    background: var(--erp-body-bg) !important;
}

.border-erp {
    border-color: var(--erp-border) !important;
}

.erp-shadow-sm {
    box-shadow: var(--erp-shadow-sm) !important;
}

.erp-shadow-md {
    box-shadow: var(--erp-shadow-md) !important;
}

/* Visible only to screen readers until focused (skip links, live regions). */
.erp-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}