/* Cabin se autohospeda bajo SIL OFL 1.1; activos fotográficos publicables siguen pendientes. */
.ud-client-v2 {
    --ud-v2-color-identity: #1A3260;
    --ud-v2-color-deep: #002060;
    --ud-v2-color-support: #4590B8;
    --ud-v2-color-steel: #969FA7;
    --ud-v2-color-white: #FFFFFF;

    --ud-v2-color-text-primary: #101828;
    --ud-v2-color-text-secondary: #344054;
    --ud-v2-color-text-muted: #667085;
    --ud-v2-color-border-strong: #D0D5DD;
    --ud-v2-color-border: #EAECF0;
    --ud-v2-color-surface-subtle: #F7F8FA;

    --ud-v2-color-success: #067647;
    --ud-v2-color-success-surface: #ECFDF3;
    --ud-v2-color-warning: #B54708;
    --ud-v2-color-warning-surface: #FFFAEB;
    --ud-v2-color-error: #B42318;
    --ud-v2-color-error-surface: #FEF3F2;
    --ud-v2-color-info: #175CD3;
    --ud-v2-color-info-surface: #EFF8FF;

    --ud-v2-font-brand: var(--ud-client-font-family);
    --ud-v2-font-display: var(--ud-client-font-family);

    --ud-v2-radius-sm: 4px;
    --ud-v2-radius-md: 8px;
    --ud-v2-shadow-sm: 0 1px 2px rgba(16, 24, 40, .08);
    --ud-v2-shadow-md: 0 10px 28px rgba(16, 24, 40, .12);

    font-family: var(--ud-v2-font-brand);
}

.ud-client-v2 :where(button, input, select, textarea) {
    font: inherit;
}

.ud-client-v2 :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--ud-v2-color-info);
    outline-offset: 2px;
}

/* Modo oscuro: NOT_DEFINED; no se deriva ni se implementa en esta capa. */